Before-After Image Effect

JQuery plugin for compare effect of before and after two images, just it.

Installation

Include jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

Include plugin's CSS and JS:

<link rel="stylesheet" href="css/BeforeAfterPhoto.css">
<script src="js/BeforeAfterPhoto.jquery.min.js"></script>

Usage

Call the plugin:

$('#container').BeforeAfterEffect({width:500, height:300});

//for vertical align

$('#container').BeforeAfterEffect({width:500, height:300, orientation:'V'});

And that's it \o/

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

History

Check Release list.

Credits

Built on top of jQuery Boilerplate.

License

MIT License