jStack.js è un plugin jQuery che consente in modo elegante di sfogliare immagini sovrapponendole una sopra l’altra, per un’effetto finale davvero immediato e accattivante. E’ possibile sfogliare le immagini sia con un click del mouse o impostare dei pulsanti di “successiva/precedente”.
Javascript
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
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() {} }); |
|
1 2 3 4 5 6 7 |
$("#next").click(function() { jstack.next(); }); $("#prev").click(function() { jstack.prev(); }); |
HTML
|
1 2 3 4 5 6 7 |
<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 |
