Code source wiki de TestTransitions
Version 3.1 par Paul Libbrecht (admin) le 2013/09/10 13:23
Afficher les derniers auteurs
author | version | line-number | content |
---|---|---|---|
1 | {{html clean="false"}} | ||
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 | |||
24 | <ul id="news"> | ||
25 | <li> | ||
26 | <a href="#n1">1 Lorem ipsum dolor</a> | ||
27 | </li> | ||
28 | <li> | ||
29 | <a href="#n2">2 Sit amet, consectetuer</a> | ||
30 | </li> | ||
31 | <li> | ||
32 | <a href="#n3">3 Sdipiscing elit,</a> | ||
33 | </li> | ||
34 | <li> | ||
35 | <a href="#n4">4 sed diam nonummy nibh euismod tincidunt ut</a> | ||
36 | </li> | ||
37 | <li> | ||
38 | <a href="#n5">5 Nec Lorem.</a> | ||
39 | </li> | ||
40 | <li> | ||
41 | <a href="#n6">6 Et eget.</a> | ||
42 | </li> | ||
43 | <li> | ||
44 | <a href="#n7">7 Leo orci pede.</a> | ||
45 | </li> | ||
46 | <li> | ||
47 | <a href="#n8">8 Ratio randorus wil.</a> | ||
48 | </li> | ||
49 | </ul> | ||
50 | |||
51 | {{/html}} |