source: spip-zone/_plugins_/sjcycle/branches/v1/modeles/sjcycle.html @ 58997

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

image_passe_partout est un peu mieux que image_reduire ici

File size: 8.7 KB
Line 
1[(#REM)  L'appel depuis un article se fait par < sjcycleXX >, alors id_sjcycle=XX
2        ou par un modele  CROCHET(# MODELE{sjcycle}{id_sjcycle=XX})CROCHET , alors id_article=XX
3        (A noter que CROCHET(# MODELE{sjcycle}{id=XX})CROCHET ne fonctionne pas si le modele se trouve
4   dans une boucle, id prenant l'id de l'objet de la boucle. Donc on evite cette ecriture)
5]
6
7[(#SET{id_objet,                [(#ENV{id_sjcycle,              0})]})]
8[(#SET{id_diapo,                        [(#ENV{id_diapo,                #VAL{id_}|uniqid})]})]
9[(#SET{img_width,               [(#ENV{width,                           #CONFIG{sjcycle/img_width}})]})]
10[(#SET{img_height,              [(#ENV{height,                          #CONFIG{sjcycle/img_height}})]})]
11[(#SET{img_position,            [(#ENV{position,                        #CONFIG{sjcycle/img_position}})]})]
12[(#SET{img_background,          [(#ENV{background,                      #CONFIG{sjcycle/img_background}})]})]
13[(#SET{div_background,          [(#ENV{border_color,            #CONFIG{sjcycle/div_background}})]})]
14[(#SET{div_margin,              [(#ENV{div_margin,              #CONFIG{sjcycle/div_margin}})]})]
15[(#SET{img_bordure,             [(#ENV{border_width,            #CONFIG{sjcycle/img_bordure}})]})]
16[(#SET{legende,                 [(#ENV{legende,                 0})]})]
17[(#SET{liens_individuels,  [(#ENV{liens_individuels,    0})]})]
18[(#REM) largeur div = largeur image + 2*bordure ]
19[(#SET{div_width,  #GET{img_bordure}|mult{2}|plus{#GET{img_width}} })]
20
21[(#REM) Si un lien est demande vers un article, on cherche eventuellement l'id de l'article traduit
22                        - Si l'article n'existe pas dans la langue courante on met ou pas un lien
23           vers l'article de reference suivant la valeur de forcer_lien_reference ]
24<BOUCLE_contexte_article(ARTICLES){id_article=#ENV{lien_article}}>
25   [(#ENV{forcer_lien_reference}|oui)
26      #SET{id_article_a_lier,#ID_ARTICLE}
27      #SET{titre_article_a_lier,#TITRE}]
28   <BOUCLE_traductions(ARTICLES){traduction}>
29        [(#ENV{lang}|=={#LANG}|oui)
30        #SET{id_article_a_lier,#ID_ARTICLE}
31         #SET{titre_article_a_lier,#TITRE}]
32   </BOUCLE_traductions>
33</BOUCLE_contexte_article>
34
35[(#REM) Je ne sais plus a quoi ca sert, mais ca gene pour l'affichage des legendes a partir des titres des documents
36                  C'etait auparavant dans le style de la div principale ]
37[(#SET{div_height, #GET{img_bordure}|mult{2}|plus{#GET{img_height}} })]
38
39[(#SET{cssbox,  [(#EVAL{8}|randomString)]})]
40
41<B_img>
42        <script type="text/javascript">/*<!#EVAL{chr(91)}CDATA#EVAL{chr(91)}*/
43        $(document).ready(function() {
44                [(#CONFIG{sjcycle/tooltip}|=={on}|oui)
45                        $('.infobulle').tooltip({
46                                        bodyHandler: function() {
47                                                return $($(this).children(".textinfobulle")).html();
48                                        },
49                                        track: true,
50                                        delay: 0,
51                                        showURL: false,
52                                        opacity: 1,
53                                        fixPNG: true,
54                                        extraClass: "pretty",
55                                        top: -15,
56                                        left: 5
57                        });
58                ]
59                [(#CONFIG{sjcycle/fancy}|=={on}|oui)
60                        $("a.#GET{cssbox}").fancybox({
61                                'hideOnContentClick': false
62                        });
63                ]
64                [(#CONFIG{sjcycle/mediabox}|=={on}|oui)
65                        $("a.#GET{cssbox}").mediabox(box_settings);
66                ]
67                $("#dsjcycle_#GET{id_diapo}").cycle({
68                         fx:                    "#CONFIG{sjcycle/fx}",
69                         timeout:       "#CONFIG{sjcycle/timeout}",
70                         speed:         "#CONFIG{sjcycle/speed}",
71                         sync:          "#CONFIG{sjcycle/sync}",
72                         pause:         "#CONFIG{sjcycle/pause}",
73                         random:                "#CONFIG{sjcycle/random}",
74                         cleartype: 1
75                         [,(#ENV{opt}|replace{';',','}|html_entity_decode)]
76                         });
77        });
78
79        /*#EVAL{chr(93)}[(#EVAL{chr(93)})]>*/</script>
80        [(#REM) diaporama documents images conteneur jquery cycle ]
81        [(#SET{style,[float:(#ENV{align}|match{left|right});margin:[(#GET{div_margin})]px;][width:(#GET{div_width})px;][background:(#GET{div_background})]})]
82   
83        <div class="#CONFIG{sjcycle/div_class}" id="dsjcycle_#GET{id_diapo}" style='#GET{style}'>
84
85        [(#REM) Solution de denisb pour eviter de dupliquer le code Cf http://article.gmane.org/gmane.comp.web.spip.zone/18622 ]
86
87        <BOUCLE_img(DOCUMENTS){id_article=#GET{id_objet}}{extension==jpg|png|gif}{id_document==^((#ENV{docs}|replace{',',|}|sinon{.*}))$}{par num titre, date}{doublons}>
88        <div>
89                [(#REM) Les effets de type turnLeft ne fonctionnent pas si ce div est en place. En attendant de corriger
90         rajout dans la doc de l'incompatibilite entre infobulles et ces effets. Du coup la bordure autour de l'image
91         ne se met pas en place non plus ]
92         #SET{fermer_a,non}
93         
94         [(#REM) Doit-on afficher les infobulles ET y a t'il quelque chose a afficher ?]
95         #SET{afficher_infobulle,non}
96         [(#CONFIG{sjcycle/tooltip}|=={on}|oui)
97                [(#SET{texte_infobulle,[<h4>(#TITRE|supprimer_numero)</h4>][(#DESCRIPTIF)<br />]})]
98            [(#CONFIG{sjcycle/tooltip_carac}|=={on}|oui)
99               [(#SET{texte_infobulle,[(#GET{texte_infobulle}|concat{<strong>Original :</strong> l. #LARGEUR x L. #HAUTEUR pixels, [(#TAILLE|taille_en_octets)]})]})]
100            ]
101            [(#SET{texte_infobulle,[(#GET{texte_infobulle}|trim)]})]
102            [(#GET{texte_infobulle}|strlen|!={0}|oui) #SET{afficher_infobulle,oui}]
103         ]
104
105         [(#GET{afficher_infobulle}|=={oui}|oui)
106                        <div class="infobulle" style="width:#GET{img_width}px;
107                                                                                [(#GET{img_height}|>{0}|oui)height:#GET{img_height}px;]
108                                    padding:0px;
109                                    margin:[(#GET{img_bordure})]px;">
110         ]
111         [(#REM) Si un lien est demande vers un article, on annule l'ouverture vers une box ]
112         [(#GET{liens_individuels}|=={article}|oui)
113            <a href="#URL_ARTICLE{#DESCRIPTIF|supprimer_tags}"[ title="(#TITRE)"]>
114            #SET{fermer_a,oui}]
115         [(#GET{liens_individuels}|=={rubrique}|oui)
116            <a href="#URL_RUBRIQUE{#DESCRIPTIF|supprimer_tags}"[ title="(#TITRE)"]>
117            #SET{fermer_a,oui}]
118         [(#GET{liens_individuels}|=={externe}|oui)
119            <a href="[(#DESCRIPTIF|supprimer_tags)]"[ title="(#TITRE)"]>
120            #SET{fermer_a,oui}]
121         [(#GET{id_article_a_lier}|oui)
122            <a href="#URL_ARTICLE{#GET{id_article_a_lier}}" title="#GET{titre_article_a_lier}">
123            #SET{fermer_a,oui}]
124         [(#GET{fermer_a}|=={oui}|non|et{#CONFIG{sjcycle/fancy}|=={on}|ou{#CONFIG{sjcycle/mediabox}|=={on}}|oui})
125            <a href="[(#URL_DOCUMENT)]" type="#MIME_TYPE"
126                                         class="#GET{cssbox}"
127                                         rel="#GET{cssbox}"
128                                         [(#CONFIG{sjcycle/tooltip}|=={on}|non) title="[(#TITRE|supprimer_numero|attribut_html)]"]
129                                         style="display:block;padding:0px;margin:0px;">
130            #SET{fermer_a,oui}]
131         [(#GET{img_background}|=={'transparent'}|oui)
132            [(#FICHIER|image_passe_partout{#GET{img_width},
133                                      #GET{img_height}}
134                      |image_alpha{0}
135                      |image_recadre{ #GET{img_width},
136                                      #GET{img_height},
137                                      #GET{img_position},
138                                      #GET{img_background}}
139                      |inserer_attribut{alt,[(#TITRE|supprimer_numero|attribut_html)]}
140                      |inserer_attribut{style,"display:block;"})]
141         ]
142         [(#GET{img_background}|=={'transparent'}|non)
143            [(#FICHIER|image_passe_partout{ #GET{img_width},
144                                      #GET{img_height}}
145                      |image_recadre{ #GET{img_width},
146                                      #GET{img_height},
147                                      #GET{img_position},
148                                      #GET{img_background}}
149                      |inserer_attribut{alt,[(#TITRE|supprimer_numero|attribut_html)]}
150                      |inserer_attribut{style,"display:block;"})]
151         ]
152         [(#GET{fermer_a}|=={oui}|oui)
153                </a>
154         ]
155         [(#GET{afficher_infobulle}|=={oui}|oui)
156            <div class="textinfobulle" style="display:none;text-align:left;">#GET{texte_infobulle}</div>
157         </div> <!-- .infobulle -->
158         ]
159         [(#GET{legende}|oui|et{#GET{legende}|=={1}|oui})
160            [(#REM) La legende est cree a partir du titre de chaque image ]
161            [<div class="sjcycle_legende">(#TITRE)</div>]
162         ]
163                </div>
164        </BOUCLE_img>
165        </div><!-- sjcycle-->
166
167   [(#GET{legende}|oui|et{#GET{legende}|=={modele}|oui})
168         [(#REM) La legende est cree a partir du modele sjcycle_legende ]
169         [<div class="sjcycle_legende"  style='#GET{style}'>(#MODELE{sjcycle_legende}{id_article=#GET{id_objet}})</div>]
170   ]
171
172   [(#GET{legende}|oui|et{#GET{legende}|=={1}|non}|et{#GET{legende}|=={modele}|non})
173         [(#REM) La legende est cree a partir du texte fourni ]
174         [<div class="sjcycle_legende"  style='#GET{style}'>(#GET{legende})</div>]
175   ]
176
177</B_img>
Note: See TracBrowser for help on using the repository browser.