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

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

petite amélioration du plugin ... on se base sur l'ID (qui est unique) pour lancer l'innerfade plutot que la class "innerfade"

un alt sur les images

On n'affiche les informations que s'il y en a

  • Property svn:executable set to *
File size: 2.6 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<B_PORFOLIO2>
40    <script type="text/javascript">
41        jQuery(document).ready(
42                function(){                                     
43                        jQuery('ul#innerfade[-(#GET{objet_spip})][-(#GET{id_objet})]').innerfade({
44                                speed: '(#ENV{speed,slow}',
45                                [type: '(#ENV{type})',]
46                                [containerheight: '(#ENV{containerheight})',]
47                                [containerwidth: '(#ENV{containerwidth})',]
48                            timeout: #ENV{timeout,2000}
49                        });
50        });             
51    </script>
52
53    <ul id="innerfade[-(#GET{objet_spip})][-(#GET{id_objet})]" class="#ENV{class,innerfade}" style="list-style-type: none;">
54        <BOUCLE_PORFOLIO2(DOCUMENTS){id_article?}{id_rubrique?}{mode=document}{extension==jpg|gif|png} {par num titre, date}>
55            <li class="diapo">
56                [(#URL_DOCUMENT||image_reduire{#ENV{image_max_largeur,200},#ENV{image_max_hauteur,400}}|inserer_attribut{'alt',[(#TITRE|textebrut|sinon{#FICHIER{basename}})]})]
57                [(#TITRE|sinon{#DESCRIPTIF}|oui)
58                                <div class="diapo">
59                    [<h3>(#TITRE|supprimer_numero)</h3>]
60                    [(#DESCRIPTIF|paragrapher)]
61                </div>]
62             </li>
63        </BOUCLE_PORFOLIO2>     
64    </ul>
65</B_PORFOLIO2>
Note: See TracBrowser for help on using the repository browser.