Code source wiki de TestTransitions
Version 6.1 par Paul Libbrecht (admin) le 2013/09/10 13:29
Masquer les derniers auteurs
author | version | line-number | content |
---|---|---|---|
![]() |
1.1 | 1 | {{html clean="false"}} |
![]() |
3.1 | 2 | |
3 | <script type="text/javascript">// <![CDATA[ | ||
4 | var Slides = new Array(); | ||
5 | var wait = 5000; | ||
6 | var i=0; | ||
7 | |||
8 | function SlideShow() | ||
9 | { | ||
10 | Effect.Fade(Slides[i], { duration:2, from:1.0, to:0.0 }); | ||
11 | i++; | ||
12 | if (i == Slides.length) i = 0; | ||
13 | Effect.Appear(Slides[i], { duration:2, from:0.0, to:1.0 }); | ||
14 | } | ||
15 | |||
16 | document.observe('dom:loaded',function() | ||
17 | { | ||
18 | setInterval(SlideShow, wait); | ||
19 | Slides = $$('#news>li').toArray(); | ||
20 | } | ||
21 | ); | ||
22 | // ]]></script> | ||
23 | |||
![]() |
4.1 | 24 | <div id="slideshow-content"> |
![]() |
5.1 | 25 | <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> |
![]() |
6.1 | 26 | <div id="slide2" style="width: 450px; position: absolute; display: none;"><img src="/xwiki/bin/download/Louveteaux_Camp2013/Photos/DSC05013.JPG?width=450" alt="" /></div> |
27 | <div id="slide3" style="width: 450px; position: absolute; display: none;"><img src="/xwiki/bin/download/Louveteaux_Camp2013/Photos/DSC05093.JPG?width=450" alt="" /></div> | ||
![]() |
4.1 | 28 | </div> |
29 | <div class="controls"><a href="#slide">1</a> <a href="#slide">2</a> <a href="#slide3">3</a></div> | ||
![]() |
1.1 | 30 | |
![]() |
4.1 | 31 | |
![]() |
1.1 | 32 | {{/html}} |