jquery Slideshow Effect or slideshow effect if you do not consider the touch effect, the jquery cycle plug-in is really too powerful, all kinds of tall animation effect, If you want to add touch effects can be combined with the Wipetouch plugin introduced by this blog to use together, it is very simple to use
Very simple to use.
<DivID= "Zoom"> <imgsrc= "/images/s1.jpg"/> <imgsrc= "/images/s2.jpg"/> <imgsrc= "/images/s3.jpg"/> <imgsrc= "/images/s4.jpg"/> </Div><Scripttype= "Text/javascript"src= "/js/jquery-1.8.3.min.js"></Script><Scripttype= "Text/javascript"src= "/js/jquery.cycle.all.js"></Script><Scripttype= "Text/javascript">$ (document). Ready (function () { $("#zoom"). Cycle ({fx:'Wipe',//Toggle Action Effect selection, you can also choose effects blindx blindy Blindz cover Curtainx curtainy fade fadezoom growx growy scrollup s Crolldown scrollleft scrollright Scrollhorz scrollvert Shuffle slidex Slidey toss turnup turndown turnLeft turnRight Uncov ER wipe zoom and so on speed: +,//switching speed timeout:6000,//After switching over the dwell time clip:'Zoom'//' clip ' option: ' L2R ': left-to-right, ' r2l ': right-to-left, ' t2b ': top-to-bottom, ' b2t ': bottom-to-top, ' Zoom ' : Center-to-edges }); });</Script>
Understand English can go to the official website to learn more http://malsup.com/jquery/cycle/
The era of mobile internet, there are more powerful cycle2 also come out, learn more http://malsup.com/jquery/cycle2/
Use of the JQuery Cycle plugin