<
Depuis la version < 22.1 >
modifié par Paul Libbrecht (admin)
sur 2013/09/10 14:15
À la version < 24.1 >
modifié par Paul Libbrecht (admin)
sur 2013/09/10 18:57
>
Commentaire de modification : tentative

Résumé

Détails

Icon Propriétés de la Page
Contenu
... ... @@ -1,15 +1,64 @@
1 +{{velocity}}
2 +$xwiki.jsfx.use('js/scriptaculous/scriptaculous.js')
3 +$xwiki.jsfx.use('resources/js/amd/jquery-1.9.1.js')
4 +$xwiki.jsfx.use('js/jquery.innerfade/jquery.innerfade.js')
5 +$xwiki.ssx.use("js/jquery.innerfade/jq_fade.css")
6 +{{/velocity}}
7 +
1 1  {{html clean="false"}}
9 + $(document).ready(
10 + function(){
11 + $('#news').innerfade({
12 + animationtype: 'slide',
13 + speed: 750,
14 + timeout: 2000,
15 + type: 'random',
16 + containerheight: '1em'
17 + });
2 2  
3 -<div id="myshow"><!-- protoshow container -->
4 - <ul class="show"><!-- slideshow itself -->
5 - <li class="slide"><img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg"></li>
6 - <li class="slide" style="display: none"><img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg"></li>
7 - <li class="slide" style="display: none"><img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg"></li>
8 - </ul>
9 -</div>
19 + $('#portfolio').innerfade({
20 + speed: 'slow',
21 + timeout: 4000,
22 + type: 'sequence',
23 + containerheight: '220px'
24 + });
10 10  
11 -document.observe('load', function() {
12 - // reference ID of our show container
13 - var show = new protoShow('myshow');
26 + $('.fade').innerfade({
27 + speed: 'slow',
28 + timeout: 1000,
29 + type: 'sequence',
30 + containerheight: '1.5em'
31 + });
32 + }
33 + );
34 +
14 14  });
36 +</script>
37 +<ul id="news">
38 + <li>
39 + <a href="#n1">1 Lorem ipsum dolor</a>
40 + </li>
41 + <li>
42 + <a href="#n2">2 Sit amet, consectetuer</a>
43 + </li>
44 + <li>
45 + <a href="#n3">3 Sdipiscing elit,</a>
46 + </li>
47 + <li>
48 + <a href="#n4">4 sed diam nonummy nibh euismod tincidunt ut</a>
49 + </li>
50 + <li>
51 + <a href="#n5">5 Nec Lorem.</a>
52 + </li>
53 + <li>
54 + <a href="#n6">6 Et eget.</a>
55 + </li>
56 + <li>
57 + <a href="#n7">7 Leo orci pede.</a>
58 + </li>
59 + <li>
60 + <a href="#n8">8 Ratio randorus wil.</a>
61 + </li>
62 +</ul>
63 +
15 15  {{/html}}
This wiki is licensed under a Creative Commons 2.0 license
XWiki 13.10 - Documentation - Conditions