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 View429 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 Play on jsdo.it games Share Embed QR Tag Download Complete! Description どんなゲームですか？ Control Device スマートフォンコントローラー jsdo.it WebSocket Controller» マウス キーボード タッチデバイス Fullscreen 有効 無効 jsdo.it games から削除する Submit Tweet style Design view Code view code <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> Tweet twitter
