Changeset 43675 in spip-zone

Timestamp:

Jan 19, 2011, 10:07:08 PM (10 years ago)

Author:

yffic@…

Message:

Ajout de la possibilité de légender le diaporama avec un texte libre, le titre des images ou à partir d'un modèle

Location:

_plugins_/sjcycle2

Files:

• alire.txt (modified) (1 diff)
• modeles/sjcycle.html (modified) (3 diffs)
• plugin.xml (modified) (1 diff)
• sjcycle.css.html (modified) (2 diffs)

_plugins_/sjcycle2/alire.txt

@@ -37 +37 @@
 - Correction : pouvoir appeler le modèle depuis une boucle article ou rubrique
 
+V 1.0 :
+- Ajout de la possibilité de légender le diaporama avec un texte libre, le titre des images ou à partir d'un modèle
 
 A faire :

_plugins_/sjcycle2/modeles/sjcycle.html

@@ -13 +13 @@
 [(#SET{div_margin,     [(#ENV{div_margin,        #CONFIG{sjcycle/div_margin}})]})]
 [(#SET{img_bordure,    [(#ENV{border_width,   #CONFIG{sjcycle/img_bordure}})]})]
-
+[(#SET{legende,        [(#ENV{legende,        0})]})]
 [(#REM) largeur div = largeur image + 2*bordure ]
 [(#SET{div_width,  #GET{img_bordure}|mult{2}|plus{#GET{img_width}} })]
@@ -60 +60 @@
         </script>
         [(#REM) diaporama documents images conteneur jquery cycle ]
-
-        <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})]'>
+        [(#SET{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})]})]
+   
+        <div class="#CONFIG{sjcycle/div_class}" id="dsjcycle_#GET{id_diapo}" style='#GET{style}'>
 
         [(#REM) Solution de denisb pour eviter de dupliquer le code Cf http://article.gmane.org/gmane.comp.web.spip.zone/18622 ]
 
         <BOUCLE_img(DOCUMENTS){id_article=#GET{id_objet}}{extension==jpg|png|gif}{id_document==^((#ENV{docs}|replace{',',|}|sinon{.*}))$}{par num titre, date}{doublons}>
-   
+        <div>
                 [(#REM) Les effets de type turnLeft ne fonctionnent pas si ce div est en place. En attendant de corriger
          rajout dans la doc de l'incompatibilité entre infobulles et ces effets. Du coup la bordure autour de l'image
@@ -118 +119 @@
          </div> <!-- .infobulle -->
          ]
+         [(#GET{legende}|oui|et{#GET{legende}|=={1}|oui})
+            [(#REM) La legende est cree a partir du titre de chaque image ]
+            [<div class="sjcycle_legende">(#TITRE)</div>]
+         ]
+                </div>
         </BOUCLE_img>
         </div><!-- sjcycle-->
+
+   [(#GET{legende}|oui|et{#GET{legende}|=={modele}|oui})
+         [(#REM) La legende est cree a partir du modele sjcycle_legende ]
+         [<div class="sjcycle_legende"  style='#GET{style}'>(#MODELE{sjcycle_legende}{id_article=#GET{id_objet}})</div>]
+   ]
+
+   [(#GET{legende}|oui|et{#GET{legende}|=={1}|non}|et{#GET{legende}|=={modele}|non})
+         [(#REM) La legende est cree a partir du texte fourni ]
+         [<div class="sjcycle_legende"  style='#GET{style}'>(#GET{legende})</div>]
+   ]
+
 </B_img>

_plugins_/sjcycle2/plugin.xml

@@ -4 +4 @@
                 [Minimalteck->http://www.minimalteck.fr/]. Porté pour spip 2 par Yffic
         </auteur>
-        <version>0.92</version>
+        <version>1.0</version>
         <version_base>0.5</version_base>
         <etat>test</etat>

_plugins_/sjcycle2/sjcycle.css.html

@@ -3 +3 @@
 #HTTP_HEADER{Vary: Accept-Encoding}
 
-#CONFIG{sjcycle/div_class} {
+.#CONFIG{sjcycle/div_class},  .sjcycle_legende{
    padding:0px;
    margin:auto;
@@ -23 +23 @@
    border: 1px solid #000;  
 }
+
+#sjcycle_alea .legende, .sjcycle_legende{
+   text-align:center;
+   font-size:0.9em;
+   margin-bottom:10px;
+}