Modifications pour le document TestTransitions
Modifié par Paul Libbrecht le 2013/09/11 12:57
<
>
modifié par Paul Libbrecht (admin)
sur 2013/09/10 13:33
sur 2013/09/10 13:33
modifié par Paul Libbrecht (admin)
sur 2013/09/10 13:27
sur 2013/09/10 13:27
Commentaire de modification :
plus beau?
Résumé
Détails
- Propriétés de la Page
-
- Contenu
-
... ... @@ -2,12 +2,11 @@ 2 2 3 3 <script type="text/javascript">// <![CDATA[ 4 4 var Slides = new Array(); 5 -var wait = 1000;5 +var wait = 5000; 6 6 var i=0; 7 7 8 8 function SlideShow() 9 9 { 10 - if(console) console.log("Slideshow"); 11 11 Effect.Fade(Slides[i], { duration:2, from:1.0, to:0.0 }); 12 12 i++; 13 13 if (i == Slides.length) i = 0; ... ... @@ -17,15 +17,15 @@ 17 17 document.observe('dom:loaded',function() 18 18 { 19 19 setInterval(SlideShow, wait); 20 - Slides = $$('# slideshow-content>div').toArray();19 + Slides = $$('#news>li').toArray(); 21 21 } 22 22 ); 23 23 // ]]></script> 24 24 25 25 <div id="slideshow-content"> 26 -<div id="slide1" style="width: 450px; position: absolute;"><img src="/xwiki/bin/download/Louveteaux_Camp2013/Photos/camp%2Dloulou%2Dphotos%2Dpaul%2D1.jpg ?width=450" alt="" /></div>27 -<div id="slide2" style="width: 450px; position: absolute; display: none;"><img src="/xwiki/bin/download/Louveteaux_Camp2013/Photos/DSC05013.JPG ?width=450"alt="" /></div>28 -<div id="slide3" style="width: 450px; position: absolute; display: none;"><img src="/xwiki/bin/download/Louveteaux_Camp2013/Photos/DSC05093.JPG ?width=450" alt="" /></div>25 +<div id="slide1" style="width: 450px; position: absolute;"><img src="/xwiki/bin/download/Louveteaux_Camp2013/Photos/camp%2Dloulou%2Dphotos%2Dpaul%2D1.jpg" alt="" /></div> 26 +<div id="slide2" style="width: 450px; position: absolute; display: none;"><img src="/xwiki/bin/download/Louveteaux_Camp2013/Photos/DSC05013.JPGalt="" /></div> 27 +<div id="slide3" style="width: 450px; position: absolute; display: none;"><img src="/xwiki/bin/download/Louveteaux_Camp2013/Photos/DSC05093.JPG" alt="" /></div> 29 29 </div> 30 30 <div class="controls"><a href="#slide">1</a> <a href="#slide">2</a> <a href="#slide3">3</a></div> 31 31