source: spip-zone/_plugins_/_dev_/innerfade/modeles/innerfade 2.html @ 14324

Last change on this file since 14324 was 14324, checked in by kent1@…, 13 years ago

premiere version du plugin d'alexandra sur innerfade ... je pense qu'elle ne m'en voudra pas de le mettre sur la zone ... elle ralera a son retour sinon...

  • Property svn:executable set to *
File size: 3.1 KB
Line 
1[(#REM)
2        Documents en innerfade diaporama
3        Modele SPIP fait par Alexandra Guiderdoni d'apres InnerFade with JQuery http://medienfreunde.com/lab/innerfade/
4        http://medienfreunde.com/stats/getfile.php?id=3 pour recuper le zip le jquery.innerfade.zip
5       
6        <template><innerfade|id_article=1> </template>
7       
8        http://medienfreunde.com/lab/innerfade/ pour la doc ]
9       
10[(#REM)
11        Modele <innerfade|id_article=1>  <innerfade|id_rubrique=1> etc...
12        #MODELE{innerfade}]
13       
14[(#REM) Parametres ID or class of the element containing the fading objects
15                animationtype: Type of animation 'fade' or 'slide' defaut=fade
16                speed: Fadingspeed in milliseconds or keywords (slow, normal or fast)(Default: 'normal')
17                timeout: Time between the fades in milliseconds (Default: '2000')
18                type: Type of slideshow: 'sequence' or 'random' (Default: 'sequence')
19                containerheight: Height of the containing element in any css-height-value (Default: 'auto')  runningclass: CSS-Class which the container getÕs applied (Default: 'innerfade') ]
20       
21       
22[(#ENV{id_rubrique}|?{' ',''})
23  [(#SET{objet_spip,id_rubrique})]
24  [(#SET{objet_val,[(#ENV{id_rubrique})]})]
25]
26[(#ENV{id_secteur}|?{' ',''})
27  [(#SET{objet_spip,id_secteur})]
28  [(#SET{objet_val,[(#ENV{id_secteur})]})]
29]
30[(#ENV{id_document}|?{' ',''})
31  [(#SET{objet_spip,id_document})]
32  [(#SET{objet_val,[(#ENV{id_document})]})]
33]
34[(#ENV{id_article}|?{' ',''})
35  [(#SET{objet_spip,id_article})]
36  [(#SET{objet_val,[(#ENV{id_article})]})]
37]
38[(#GET{objet_spip}|?{'',' '})
39  [(#SET{objet_spip,id_article})]
40  [(#SET{objet_val,[(#ENV{id_rotator})]})]
41]
42
43
44
45[(#SET{type,#ENV{type,sequence}})]
46
47[(#SET{speed,#ENV{speed,'normal'}})]
48
49[(#SET{timeout,#ENV{timeout,2000}})]
50
51[(#SET{containerheight,#ENV{containerheight,'500px'}})]
52
53
54       
55<script language="javascript" type="text/javascript" src="#CHEMIN{js/jquery.innerfade.js}"></script>
56<!-- Penser a mettre dans le repertoire squelettes un dossier js avec le script jquery.innerfade.js pour que le modele fonctionne -->
57
58
59
60<!-- pas besoin de jquery puisque c'est natif dans spip desormais <script language="javascript" type="text/javascript" src="#CHEMIN{js/jquery.js}"></script> -->
61
62<script type="text/javascript">
63 $(document).ready(
64                                function(){
65                                        $('#news').innerfade({
66                                                animationtype: 'slide',
67                                                speed: 750,
68                                                timeout: 2000,
69                                                type: 'random',
70                                                containerheight: '1em'
71                                        });
72                                       
73                                        $('ul#portfolio').innerfade({
74                                                speed: 'normal',
75                                                timeout: 2000,
76                                                type: 'sequence',
77                                                containerheight: '500px'
78                                                });
79                                       
80                                        $('.fade').innerfade({
81                                                speed: 'slow',
82                                                timeout: 1000,
83                                                type: 'sequence',
84                                                containerheight: '1.5em'
85                                        });
86
87                        });
88                       
89</script>
90
91<ul id="portfolio" style="list-style-type: none ;">
92
93<BOUCLE_PORFOLIO2(DOCUMENTS){id_article?}{id_rubrique?}{mode=document}{extension==jpg|gif|png} {par num titre, date}>
94<li>
95<div class="diapo">
96<img src="[(#URL_DOCUMENT||image_reduire{350,400}|extraire_attribut{src})]" alt=" #TITRE" /> 
97<div class="diapo">
98[<h3>(#TITRE|supprimer_numero)</h3>]
99[(#DESCRIPTIF|paragrapher)]
100</div>
101</div>
102 </li>
103</BOUCLE_PORFOLIO2>     
104</ul>
105
106                               
Note: See TracBrowser for help on using the repository browser.