Submit your widget

Images stack effect with jQuery

Created 12 years ago   Views 31049   downloads 5758    Author hisasann
Images stack effect with jQuery
View DemoDownload
68
Share |

JavaScript

    var jstack = $("#imageBox").jStack({  
        isClickAnimation: true,  
        isPositionRandom: true,  
        durationOut: 300,  
        durationIn: 200,  
        easingOut: "easeInOutBack",  
        easingIn: "easeOutBounce",  
        moveLeft: 250,  
        moveTop: 150,  
        opacityOut: 0.6,  
        opacityIn: 1,  
        delay: 10,  
        direction: "next",  
        callback: function() {}  
    });  

 

$("#next").click(function() {  
    jstack.next();  
});  
  
$("#prev").click(function() {  
    jstack.prev();  
});
$("#shuffle").click(function() {  
    jstack.shuffle();  
}); 

HTML

<div id="imageBox">  
    <a href="#"><img src="img/img1.png"></a>  
    <a href="#"><img src="img/img2.png"></a>  
    <a href="#"><img src="img/img3.png"></a>  
    <a href="#"><img src="img/img4.png"></a>  
    <a href="#"><img src="img/img5.png"></a>  
</div> 

Read more:http://lab.hisasann.com/jStack/