Images stack effect with jQuery


DOWNLOAD




JavaScript

01var jstack = $("#imageBox").jStack({ 
02    isClickAnimation: true, 
03    isPositionRandom: true, 
04    durationOut: 300, 
05    durationIn: 200, 
06    easingOut: "easeInOutBack", 
07    easingIn: "easeOutBounce", 
08    moveLeft: 250, 
09    moveTop: 150, 
10    opacityOut: 0.6, 
11    opacityIn: 1, 
12    delay: 10, 
13    direction: "next", 
14    callback: function() {} 
15}); 

1$("#next").click(function() { 
2    jstack.next(); 
3}); 
4   
5$("#prev").click(function() { 
6    jstack.prev(); 
7});
1$("#shuffle").click(function() { 
2    jstack.shuffle(); 
3});

HTML

1<div id="imageBox"> 
2    <a href="#"><img src="img/img1.png"></a> 
3    <a href="#"><img src="img/img2.png"></a> 
4    <a href="#"><img src="img/img3.png"></a> 
5    <a href="#"><img src="img/img4.png"></a> 
6    <a href="#"><img src="img/img5.png"></a> 
7</div>
Labels: