Code source wiki de TestTransitions
Version 19.1 par Paul Libbrecht (admin) le 2013/09/10 14:03
Afficher les derniers auteurs
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{html clean="false"}} | ||
| 2 | |||
| 3 | |||
| 4 | <div class="fadein"> | ||
| 5 | <div style="display:hidden"><img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg"></div> | ||
| 6 | <div style="display:hidden"> <img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg"></div> | ||
| 7 | <div style="display:hidden"> <img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg"></div> | ||
| 8 | </div> | ||
| 9 | |||
| 10 | <script> | ||
| 11 | setInterval(function(){ | ||
| 12 | var imgs = $$('.fadein img'), | ||
| 13 | visible = imgs.findAll(function(img){ return img.visible(); }); | ||
| 14 | if(visible.length>1) visible.last().fade({ duration: .3 }); | ||
| 15 | else imgs.last().appear({ duration: .3, | ||
| 16 | afterFinish: function(){ imgs.slice(0,imgs.length-1).invoke('show'); } }); | ||
| 17 | }, 3000); | ||
| 18 | </script> | ||
| 19 | |||
| 20 | {{/html}} |