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

Last change on this file since 26248 was 26248, checked in by cam.lafit@…, 12 years ago

Ne pas retourner de slide si pas d'images

  • C'est mieux de retourner un modele vide si on n'a aucune image à montrer

A noter il faudrait prevoir le cas 1 image, où la partie js ne devrait pas être chargée

  • Property svn:executable set to *
File size: 2.4 KB
Line 
1[(#REM)
2        Documents en innerfade diaporama
3        Modele SPIP 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,rubrique})]
24  [(#SET{id_objet,[(#ENV{id_rubrique})]})]
25]
26[(#ENV{id_secteur}|?{' ',''})
27  [(#SET{objet_spip,secteur})]
28  [(#SET{id_objet,[(#ENV{id_secteur})]})]
29]
30[(#ENV{id_document}|?{' ',''})
31  [(#SET{objet_spip,document})]
32  [(#SET{id_objet,[(#ENV{id_document})]})]
33]
34[(#ENV{id_article}|?{' ',''})
35  [(#SET{objet_spip,article})]
36  [(#SET{id_objet,[(#ENV{id_article})]})]
37]
38
39
40[(#SET{timeout,#ENV{timeout,2000}})]
41       
42<B_PORFOLIO2>
43    <script type="text/javascript">
44        $(document).ready(
45                function(){                                     
46                        $('ul.innerfade').innerfade({
47                                [speed: '(#ENV{speed})',]
48                                [type: '(#ENV{type})',]
49                                [containerheight: '(#ENV{containerheight})',]
50                                [containerwidth: '(#ENV{containerwidth})',]
51                            timeout: #GET{timeout}
52                        });
53        });             
54    </script>
55
56    <ul id="innerfade-#GET{objet_spip}-#GET{id_objet}" class="innerfade" style="list-style-type: none ;">
57        <BOUCLE_PORFOLIO2(DOCUMENTS){id_article?}{id_rubrique?}{mode=document}{extension==jpg|gif|png} {par num titre, date}>
58            <li class="diapo">
59                [(#URL_DOCUMENT||image_reduire{200,400}|inserer_attribut{'alt',#TITRE})]
60                <div class="diapo">
61                    [<h3>(#TITRE|supprimer_numero)</h3>]
62                    [(#DESCRIPTIF|paragrapher)]
63                </div>
64             </li>
65        </BOUCLE_PORFOLIO2>     
66    </ul>
67</B_PORFOLIO2>
Note: See TracBrowser for help on using the repository browser.