Forked from: baires's Simplest jQuery Slideshow diff(1) forked from: Simplest jQuery Slideshow syouyusekai Follow 2010-07-25 17:35:56 License: MIT License Fork0 Fav0 View379 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 10 lines HTML 9 lines CSS 4 lines forked from: Simplest jQuery Slideshow jQuery v1.4.2 // forked from baires's "Simplest jQuery Slideshow" http://jsdo.it/baires/8Pyq $(function(){ $('.fadein img:gt(0)').hide(); setInterval(function(){ $('.fadein :first-child').fadeOut() .next('img').fadeIn() .end().appendTo('.fadein');}, 3000); }); <div class="fadein"> <img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg"> <img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg"> <img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg"> </div> <p> <a href="http://snook.ca/archives/javascript/simplest-jquery-slideshow">by snook.ca</a> </p> forked from: Simplest jQuery Slideshow body { background-color: #DDDDDD; } .fadein { position:relative; width:500px; height:332px; } .fadein img { position:absolute; left:0; top:0; } // forked from baires's "Simplest jQuery Slideshow" http://jsdo.it/baires/8Pyq $(function(){ $('.fadein img:gt(0)').hide(); setInterval(function(){ $('.fadein :first-child').fadeOut() .next('img').fadeIn() .end().appendTo('.fadein');}, 3000); }); <div class="fadein"> <img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg"> <img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg"> <img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg"> </div> <p> <a href="http://snook.ca/archives/javascript/simplest-jquery-slideshow">by snook.ca</a> </p> body { background-color: #DDDDDD; } .fadein { position:relative; width:500px; height:332px; } .fadein img { position:absolute; left:0; top:0; } use an iframe compat browser, deer Tweet QR code Embed Design view Code view <script type="text/javascript" src="http://jsdo.it/blogparts/asSG/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/syouyusekai/asSG" title="forked from: Simplest jQuery Slideshow">forked from: Simplest jQuery Slideshow - jsdo.it - share JavaScript, HTML5 and CSS</a></p> zip tags Tweet twitter
