Skip to content

Instantly share code, notes, and snippets.

@PiotrKrosniak

PiotrKrosniak/index.html

Last active December 28, 2015 01:12
Show Gist options
  • Save PiotrKrosniak/c699b849c3a3b55b8333 to your computer and use it in GitHub Desktop.
Save PiotrKrosniak/c699b849c3a3b55b8333 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
//Those two scripts below You should host on your server
<script src="http://serwer1478551.home.pl/hellobags/bef-after-script/jquery.imageReveal.js"></script>
<script src="http://serwer1478551.home.pl/hellobags/bef-after-script/jquery.imageReveal.css"></script>
</head>
<div class="imageReveal" id="example1">
<img src="http://4.bp.blogspot.com/-6uFyFTCRW04/UqoZKBe_YDI/AAAAAAAAGUI/VUIWx3dV7gQ/s1600/before1.jpg" title="Before" />
<img src="http://3.bp.blogspot.com/-MjqFNi4yihY/UqoZKLubRwI/AAAAAAAAGUM/YnprXgivATQ/s1600/after2.jpg" title="After" />
</div>
<script>
$(window).load(function() {
$('#example1').imageReveal({
barWidth: 15,
touchBarWidth: 40,
paddingLeft: 0,
paddingRight: 0,
startPosition: 0.25,
showCaption: true,
captionChange: 0.5,
width: 590,
height: 353
});
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment