Images stack effect with jQuery

Home Slideshow & ScrollerImages stack effect with jQuery

Images stack effect with jQuery

12 years ago Views

31135

5793

hisasann

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>

Tag: image slideshow