source: spip-zone/_plugins_/sjcycle2/modeles/sjcycle.html @ 43627

Last change on this file since 43627 was 43627, checked in by yffic@…, 10 years ago

Quelle nouille suis-je ! (toujours pour changer des oups)

File size: 5.6 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_article=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[(#SET{id_objet,       [(#ENV{id_sjcycle,     0})]})]
7[(#SET{id_diapo,          [(#ENV{id_diapo,       0})]})]
8[(#SET{img_width,      [(#ENV{width,                     #CONFIG{sjcycle/img_width}})]})]
9[(#SET{img_height,     [(#ENV{height,                    #CONFIG{sjcycle/img_height}})]})]
10[(#SET{img_position,   [(#ENV{position,                  #CONFIG{sjcycle/img_position}})]})]
11[(#SET{img_background, [(#ENV{background,                #CONFIG{sjcycle/img_background}})]})]
12[(#SET{div_background, [(#ENV{border_color,   #CONFIG{sjcycle/div_background}})]})]
13[(#SET{div_margin,     [(#ENV{div_margin,        #CONFIG{sjcycle/div_margin}})]})]
14[(#SET{img_bordure,    [(#ENV{border_width,   #CONFIG{sjcycle/img_bordure}})]})]
15
16[(#REM) largeur div = largeur image + 2*bordure ]
17[(#SET{div_width,  #GET{img_bordure}|mult{2}|plus{#GET{img_width}} })]
18[(#SET{div_height, #GET{img_bordure}|mult{2}|plus{#GET{img_height}} })]
19
20[(#SET{cssbox,  [(#EVAL{8}|randomString)]})]
21
22<B_img>
23        <script type="text/javascript">
24        $(document).ready(function() {
25                [(#CONFIG{sjcycle/tooltip}|=={on}|oui)
26                        $('.infobulle').tooltip({
27                                        bodyHandler: function() {
28                                                return $($(this).children(".textinfobulle")).html();
29                                        },
30                                        track: true,
31                                        delay: 0,
32                                        showURL: false,
33                                        opacity: 1,
34                                        fixPNG: true,
35                                        extraClass: "pretty",
36                                        top: -15,
37                                        left: 5
38                        });
39                ]
40                [(#CONFIG{sjcycle/fancy}|=={on}|oui)
41                        $("a.#GET{cssbox}").fancybox({
42                                'hideOnContentClick': false
43                        });
44                ]
45                [(#CONFIG{sjcycle/mediabox}|=={on}|oui)
46                        $("a.#GET{cssbox}").mediabox(box_settings);
47                ]
48                $("#dsjcycle_#GET{id_diapo}").cycle({
49                         fx:                    "#CONFIG{sjcycle/fx}",
50                         timeout:       "#CONFIG{sjcycle/timeout}",
51                         speed:         "#CONFIG{sjcycle/speed}",
52                         sync:          "#CONFIG{sjcycle/sync}",
53                         pause:         "#CONFIG{sjcycle/pause}",
54                         cleartype: 1
55                         [,(#ENV{opt}|html_entity_decode)]
56                         });
57        });
58
59
60        </script>
61        [(#REM) diaporama documents images conteneur jquery cycle ]
62
63        <div class="#CONFIG{sjcycle/div_class}" id="dsjcycle_#GET{id_diapo}" style='[float:(#ENV{align}|match{left|right});margin:[(#GET{div_margin})]px;][width:(#GET{div_width})px;][height:(#GET{div_height}|>{0}|oui)px;][background:(#GET{div_background})]'>
64
65        [(#REM) Solution de denisb pour eviter de dupliquer le code Cf http://article.gmane.org/gmane.comp.web.spip.zone/18622 ]
66
67        <BOUCLE_img(DOCUMENTS){id_article=#GET{id_objet}}{extension==jpg|png|gif}{id_document==^((#ENV{docs}|replace{',',|}|sinon{.*}))$}{par num titre, date}{doublons}>
68   
69                [(#REM) Les effets de type turnLeft ne fonctionnent pas si ce div est en place. En attendant de corriger
70         rajout dans la doc de l'incompatibilité entre infobulles et ces effets. Du coup la bordure autour de l'image
71         ne se met pas en place non plus ]
72         
73         [(#CONFIG{sjcycle/tooltip}|=={on}|oui)
74                        <div class="infobulle" style="width:#GET{img_width}px;
75                                                                                [(#GET{img_height}|>{0}|oui)height:#GET{img_height}px;]
76                                    padding:0px;
77                                    margin:[(#GET{img_bordure})]px;">
78         ]
79         [(#CONFIG{sjcycle/fancy}|=={on}|ou{#CONFIG{sjcycle/mediabox}|=={on}}|oui)
80            <a href="[(#URL_DOCUMENT)]" type="#MIME_TYPE"
81                                         class="#GET{cssbox}"
82                                         rel="#GET{cssbox}"
83                                         [(#CONFIG{sjcycle/tooltip}|=={on}|non) title="[(#TITRE|supprimer_numero|attribut_html)]"]
84                                         style="display:block;padding:0px;margin:0px;">
85         ]
86         [(#GET{img_background}|=={'transparent'}|oui)
87            [(#FICHIER|image_reduire{ #GET{img_width},
88                                      #GET{img_height}}
89                      |image_alpha{0}
90                      |image_recadre{ #GET{img_width},
91                                      #GET{img_height},
92                                      #GET{img_position},
93                                      #GET{img_background}}
94                      |inserer_attribut{alt,[(#TITRE|supprimer_numero|attribut_html)]}
95                      |inserer_attribut{style,"display:block;"})]
96         ]
97         [(#GET{img_background}|=={'transparent'}|non)
98            [(#FICHIER|image_reduire{ #GET{img_width},
99                                      #GET{img_height}}
100                      |image_recadre{ #GET{img_width},
101                                      #GET{img_height},
102                                      #GET{img_position},
103                                      #GET{img_background}}
104                      |inserer_attribut{alt,[(#TITRE|supprimer_numero|attribut_html)]}
105                      |inserer_attribut{style,"display:block;"})]
106         ]
107         [(#CONFIG{sjcycle/fancy}|=={on}|ou{#CONFIG{sjcycle/mediabox}|=={on}}|oui)
108                </a>
109         ]
110         [(#CONFIG{sjcycle/tooltip}|=={on}|oui)
111            <div class="textinfobulle" style="display:none;text-align:left;">
112               [<h4>(#TITRE|supprimer_numero)</h4>]
113               [(#DESCRIPTIF)<br />]
114               [(#CONFIG{sjcycle/tooltip_carac}|=={on}|oui)
115                <strong>Original :</strong> l. #LARGEUR x L. #HAUTEUR pixels, [(#TAILLE|taille_en_octets)]
116               ]
117            </div>
118         </div> <!-- .infobulle -->
119         ]
120        </BOUCLE_img>
121        </div><!-- sjcycle-->
122</B_img>
Note: See TracBrowser for help on using the repository browser.