<
Depuis la version < 2.1 >
modifié par Paul Libbrecht (admin)
sur 2013/09/10 13:15
À la version < 4.1 >
modifié par Paul Libbrecht (admin)
sur 2013/09/10 13:27
>
Commentaire de modification : plus beau?

Résumé

Détails

Icon Propriétés de la Page
Contenu
... ... @@ -1,58 +1,32 @@
1 1  {{html clean="false"}}
2 -<ul id="news">
3 - <li>
4 - <a href="#n1">1 Lorem ipsum dolor</a>
5 - </li>
6 - <li>
7 - <a href="#n2">2 Sit amet, consectetuer</a>
8 - </li>
9 - <li>
10 - <a href="#n3">3 Sdipiscing elit,</a>
11 - </li>
12 - <li>
13 - <a href="#n4">4 sed diam nonummy nibh euismod tincidunt ut</a>
14 - </li>
15 - <li>
16 - <a href="#n5">5 Nec Lorem.</a>
17 - </li>
18 - <li>
19 - <a href="#n6">6 Et eget.</a>
20 - </li>
21 - <li>
22 - <a href="#n7">7 Leo orci pede.</a>
23 - </li>
24 - <li>
25 - <a href="#n8">8 Ratio randorus wil.</a>
26 - </li>
27 -</ul>
28 28  
29 -<script type="text/javascript">
30 - jQuery = $;
31 - $(document).ready(
32 - function(){
33 - $('#news').innerfade({
34 - animationtype: 'slide',
35 - speed: 750,
36 - timeout: 2000,
37 - type: 'random',
38 - containerheight: '1em'
39 - });
3 + <script type="text/javascript">// <![CDATA[
4 +var Slides = new Array();
5 +var wait = 5000;
6 +var i=0;
40 40  
41 - $('#portfolio').innerfade({
42 - speed: 'slow',
43 - timeout: 4000,
44 - type: 'sequence',
45 - containerheight: '220px'
46 - });
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 +}
47 47  
48 - $('.fade').innerfade({
49 - speed: 'slow',
50 - timeout: 1000,
51 - type: 'sequence',
52 - containerheight: '1.5em'
53 - });
54 - }
55 - );
16 +document.observe('dom:loaded',function()
17 + {
18 + setInterval(SlideShow, wait);
19 + Slides = $$('#news>li').toArray();
20 + }
21 + );
22 +// ]]></script>
56 56  
57 -</script>
24 + <div id="slideshow-content">
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>
28 +</div>
29 +<div class="controls"><a href="#slide">1</a> <a href="#slide">2</a> <a href="#slide3">3</a></div>
30 +
31 +
58 58  {{/html}}
This wiki is licensed under a Creative Commons 2.0 license
XWiki 13.10 - Documentation - Conditions