Changeset 82879 in spip-zone


Ignore:
Timestamp:
Jun 6, 2014, 1:00:06 PM (5 years ago)
Author:
chankalan@…
Message:

et hop, d'un coup plein de fonctionnalites... pas facile de revenir en arrière après ça, mais bon, c'est encore en dev...

Location:
_plugins_/sjcycle/trunk
Files:
9 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/sjcycle/trunk/aide/fr-aide.html

    r50424 r82879  
    1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
     1#HTTP_HEADER{Cache-Control: no-cache,must-revalidate}
     2#HTTP_HEADER{Pragma: no-cache}
     3#EVAL{_DOCTYPE_ECRIRE}
     4[(#REM) http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
     5]<!--[if lt IE 7 ]> <html class="[(#LANG_DIR)][ (#LANG)] no-js ie ie6 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR"> <![endif]-->
     6<!--[if IE 7 ]>    <html class="[(#LANG_DIR)][ (#LANG)] no-js ie ie7 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR"> <![endif]-->
     7<!--[if IE 8 ]>    <html class="[(#LANG_DIR)][ (#LANG)] no-js ie ie8 lte9 lte8" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR"> <![endif]-->
     8<!--[if IE 9 ]>    <html class="[(#LANG_DIR)][ (#LANG)] no-js ie ie9 lte9" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR"> <![endif]-->
     9<!--[if (gt IE 9)|!(IE)]><!--> <html class="[(#LANG_DIR)][ (#LANG)] no-js" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR"> <!--<![endif]-->
     10
    311<head>
    412   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     
    816
    917<body>
    10 <h1>Aide Sjcycle</h1>
    11 <h2>sjcycle/Param&egrave;tres</h2>
    12 <h3 class="spip">D&eacute;cryptage de la syntaxe et param&egrave;tres du raccourci typographique "sjcycle"</h3>
     18<h1>Cycle2</h1>
     19<h2>Paramétrage général du plugin pour SPIP</h2>
    1320
    1421<div>
    15   <p style="background:#eee;color:#666;padding:10px;font-weight:700">Le raccourci typographique "sjcycle" permet d'ins&eacute;rer facilement un ou plusieurs diaporamas au sein d'un article : il vous suffit de le recopier &agrave; l’int&eacute;rieur de la case « Texte » de l'article, l&agrave; vous d&eacute;sirez situer le diaporama. Exemples d'utilisation par ici.
    16         <br /><br />
    17         Ce raccourci comporte plusieurs param&egrave;tres s&eacute;par&eacute;s par le caract&egrave;re "|".</p>
    18    
    19         <ol>
    20       <li>
    21          <h4>&lt;sjcycle<span style="color:red">N</span>&gt;</h4>
    22          <strong>Param&egrave;tre "<span style="color:#666">N</span>",  <span style="color:red">obligatoire</span> :</strong>
    23          <br />Correspond au num&eacute;ro de l'article en cours.
    24          <br />Il permet de cibler les images li&eacute;es &agrave; un unique article.
    25          <p style="background:#eee;color:#666;padding:10px;">
    26             <strong>Astuce :</strong> Vous pouvez ainsi ins&eacute;rer un diaporama avec les images d'un article dans un autre article.
    27          </p>
    28       </li>
    29       <li>
    30          <h4>&lt;sjcycleN<span style="color:red">|ALIGN</span>&gt;</h4>
    31          <strong>Param&egrave;tre "<span style="color:#666">ALIGN</span>", optionnel :</strong>
    32          <br />Permet de sp&eacute;cifier l'alignement du diaporama au sein du texte.
    33          <br />S'il n'est pas pr&eacute;cis&eacute;, l'alignement  est "center".
    34          <br /><strong>Les options de l'alignement :</strong>
    35          <ul>
    36             <li>"<em>left</em>" : &agrave; gauche du texte;</li>
    37             <li>"<em>center</em>" : centrer dans le texte;</li>
    38             <li>"<em>right</em>" : &agrave; droite du texte.</li>
    39          </ul>
    40       </li>
    41       <li>
    42          <h4>&lt;sjcycleN|ALIGN|<span style="color:red">docs=n1,n2</span>&gt;</h4>
    43          <strong>Param&egrave;tre "<span style="color:#666">docs=n1,n2,[...],nx</span>", optionnel :</strong>
    44          <br />Permet de sp&eacute;cifier la liste d'images &agrave; afficher dans le diaporama.
    45          <br />Ainsi, on peut afficher plusieurs diaporamas dans au sein d'un même texte, isoler des images.
    46          <br />S'il n'est pas pr&eacute;cis&eacute;, l'ensemble des images sont s&eacute;lectionn&eacute;es par d&eacute;faut.
    47          <br />
    48          <br /><strong>Les arguments de s&eacute;lection "<em>n1,n2,[...],nx</em>" du param&egrave;tre "<em>|docs=</em>" :</strong><br />
    49          Ils se composent d'une suite de num&eacute;ros d'images s&eacute;par&eacute;es par des virgules sans espace.
    50          <br />Sous chaque image est indiqu&eacute; un raccourci typographique du type "<em>&lt;imgXX|left&gt;</em>", "<em>&lt;docXX|left&gt;</em>" ou "<em>&lt;docXX&gt;</em>",
    51           où "<em>XX</em>" d&eacute;signe le num&eacute;ro de l'image correspondante.<br />
    52          Ainsi le param&egrave;tre "<em>|docs=1,3</em>", s&eacute;lectionne les images num&eacute;ro 1 et 3 de l'article courant.
    53          <p style="background:#eee;color:#666;padding:10px;">
    54             <strong>Astuce :</strong> Vous pouvez utiliser le raccourci en ne passant qu'un seul num&eacute;ro d'image au param&egrave;tre "<em>|docs=</em>" afin de b&eacute;n&eacute;ficier de l'effet "FancyBox" : un clic sur l'image redimensionnée du diaporama permet d'afficher l'image originale en superposition.
    55          </p>
    56       </li>
    57       <li>
    58    
    59         <h4>&lt;sjcycleN|ALIGN|<span style="color:red">id_diapo=X</span>&gt;</h4>
    60         <strong>Param&egrave;tre &quot;<span style="color:#666">id_diapo=X</span>&quot;, optionnel :</strong> <br />
    61    Permet d’attribuer un id sp&eacute;cifique à un diaporama afin de pouvoir le cibler en css par dsjcycle_X<br />
    62 Depuis la version 1.1, n’est plus n&eacute;cessaire pour afficher plusieurs diaporamas dans le m&egrave;me article <br />
    63    <strong>Exemple :</strong><br />
    64    &lt;sjcycle16|center|docs=101,102,103,104|id_diapo=1&gt;<br />
    65    &lt;sjcycle16|center|docs=105,106,107,108,109|id_diapo=2|opt=fx:'shuffle',timeout:2000&gt;<br />
    66    Ceci affiche 2 diaporamas dans le même article, le premier sur 4 images avec les paramètres par défaut du site et le second sur 5 images, avec des paramètres différents de ceux par défaut.<br />
    67       </li>
    68       <li>
    69         <h4>&lt;sjcycleN|ALIGN|<span style="color:red">legende=X</span>&gt;</h4>
    70         <strong>Param&egrave;tre &quot;<span style="color:#666">legende=X</span>&quot;, optionnel :</strong> <br />
    71         Permet d’afficher une légende sous le diaporama
    72                 <ul>
    73           <li>Si X=1, on affiche comme légende le titre des images</li>
    74           <li>Si X=modele, on affiche comme légende le texte fourni par le modèle sjcycle_modele. Ceci permet de créer une légende contenant le nomde l’auteur, le titre de l’article, enfin ce qu’on veut...
    75           <li>Si X=un texte, ce texte est affiché comme légende
    76           </ul>
    77       </li>
    78       <li>
    79         <h4>&lt;sjcycleN|ALIGN|<span style="color:red">opt=p1:v1;p2:v2</span>&gt;</h4>
    80         <strong>Param&egrave;tre &quot;<span style="color:#666">opt=p1:v1;p2:v2;[...];px:vx</span>&quot;, optionnel :</strong> <br />
    81    Permet d'utiliser les options du script jcycle.
    82          La liste complète est définie sur le site du plugin jquery jcycle <a href="http://malsup.com/jquery/cycle/options.html" target="_blank">par ici</a><br />
    83    Ces valeurs écrasent
    84          celles définies dans la page de configuration du plugin.<br />
    85    Les options possibles correspondent à celles de la version utilisée dans ce plugin spip et non à celles proposées sur la page citée ci-dessus. Actuellement, c'est la version 2.88 (08-JUN-2010) qui est utilisée<br />
    86    <strong>Exemple :</strong><br />
    87    &lt;sjcycle16|center|opt=autostop:1;autostopCount:5&gt; : diaporama sur toutes les images de l'article 16 mais qui s'arrêtera à la cinquième image<br />
    88    &lt;sjcycle16|center|opt=fx:'fade'&gt; : diaporama sur toutes les images de l'article 16 avec un effet de transition &quot;fade&quot; qui remplace celui défini globalement pour le site entier</li>
    89       <li>
    90         <h4>&lt;sjcycleN|ALIGN|<span style="color:red">lien_article=XXX|forcer_lien_reference=on</span>&gt;</h4>
    91         <strong>Param&egrave;tres &quot;<span style="color:#666">lien_article=XXX</span>&quot; et  &quot;<span style="color:#666">forcer_lien_reference=on</span>&quot;, optionnels :</strong> <br />
    92         Permet de poser un lien sur le diaporama vers un article d'identifiant XXX autre que celui contenant les images. Dans le cas d'un site multilingue, fournir l'id de l'article de référence, le modèle se charge de trouver l'id de l'article correspondant à la langue du visiteur. Cette option désactive l'ouverture vers une box. Si l'article n'existe pas dans la langue courante on met ou pas un lien
    93         vers l'article de référence suivant que le paramètre forcer_lien_reference soit défini ou pas.<br />
    94   <strong>Exemple :</strong><br />
    95   &lt;sjcycle16|center|lien_article=171&gt; : diaporama sur toutes les images de l'article 16 avec un lien vers l'article 171 </li>
    96       <li>
    97         <h4>&lt;sjcycleN|ALIGN|<span style="color:red">liens_individuels=valeur</span>&gt;</h4>
    98         <strong>Param&egrave;tre &quot;<span style="color:#666">liens_individuels=valeur</span>&quot;, optionnels :</strong> <br />
    99         Permet de poser un lien sur chaque image du diaporama vers un article, une rubrique ou un site externe suivant la valeur du paramètre (article, rubrique, externe). Si la valeur vaut article ou rubrique, l'identifiant de l'objet est pris dans le champ descriptif de chaque image. Si la valeur vaut externe, le champ descriptif de chaque image doit contenir un lien http.<br />
    100         <strong>Exemple :</strong><br />
    101   &lt;sjcycle16|center|liens_individuels=article&gt; : diaporama sur toutes les images de l'article 16 avec sur chaque image un lien vers l'article dont l'identifiant est contenu dans le descriptif de l'image.</li>
    102       <li><h4>&lt;sjcycleN|ALIGN|<span style="color:red">param=valeur</span>&gt;</h4>
    103          <strong>Autres param&egrave;tres optionnels :</strong>
    104       <br />
    105          Ces paramètres écrasent localement les valeurs définies dans la page de configuration du plugin :
    106           <ul>
    107             <li><em>width</em> : largeur  en pixels des images recadrées</li>
    108             <li><em>height</em> : hauteur   en pixels des images recadrées</li>
    109             <li><em>position</em> : position de l'image de d'origine dans l'image recadrée (left top, left center, left bottom, center top, center, center bottom, right top, right center, right bottom)</li>
    110             <li><em>background</em> : couleur de fond des images recadrées (au format #FF0000)</li>
    111             <li><em>border_color</em> : couleur de la bordure des images recadrées (au format #FF0000)</li>
    112             <li><em>border_width</em> : largeur en pixels de la bordure</li>
    113             <li><em>div_margin</em> : marge en pixels autour des images recadrées</li>
    114           </ul>
    115           <br />
    116            <img src="../plugins/sjcycle2/aide/exemple_sjcyle2.png" width="300" height="300" alt="exemple" /><br />
    117      </li>
    118    </ol>
     22
     23<p>En cours...</p>
     24<p>Voir pour l'instant l'article sur contrib.spip.net...</p>
     25
    11926</div>
    12027</body>
  • _plugins_/sjcycle/trunk/css/sjcycle.css

    r82758 r82879  
    1717    */
    1818    position: absolute; top: 0; left: 0;
    19     /*width: 100%;*/ /* commente car cause de soucis en carousel */
     19    width: 100%;
    2020    padding: 0; margin:0; display: block;
    2121}
     22.cycle-slideshow[data-cycle-fx="carousel"] img { width:auto; } /* width:100%; cause de soucis en carousel */
    2223
    2324/* in case script does not load */
  • _plugins_/sjcycle/trunk/formulaires/configurer_sjcycle.html

    r82758 r82879  
    1919                       
    2020                        #SET{name,hauteurmax}
     21                        <li class="editer editer_[(#GET{name})]">
     22                                <label for="#GET{name}">[(#GET{cc}|concat{':label_',#GET{name}}|_T)]</label>
     23                                <input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name}}" id="#GET{name}" />
     24                                <p class="explication">[(#GET{cc}|concat{':explication_',#GET{name}}|_T)]</p>
     25                        </li>
     26                       
     27                        #SET{name,autoheight}
    2128                        <li class="editer editer_[(#GET{name})]">
    2229                                <label for="#GET{name}">[(#GET{cc}|concat{':label_',#GET{name}}|_T)]</label>
     
    152159                        </li>
    153160                       
     161                        #SET{name,sync}
     162                        <li class="editer editer_[(#GET{name})]">
     163                                <label>[(#GET{cc}|concat{':label_',#GET{name}}|_T)]</label>
     164                                #SET{val,true}
     165                                <div class="choix">
     166                                        <input type="checkbox" name="#GET{name}" class="checkbox" id="#GET{name}_#GET{val}" value="#GET{val}"[(#GET{val}|=={#ENV{#GET{name}}}|oui)checked="checked"] />
     167                                        <label for="#GET{name}_#GET{val}"><:sjcycle:oui:></label>
     168                                        <p class="explication">[(#GET{cc}|concat{':explication_',#GET{name}}|_T)]</p>
     169                                </div>
     170                        </li>
     171                       
    154172                        #SET{name,pauseonhover}
    155173                        <li class="editer editer_[(#GET{name})]">
     
    241259                        <li class="editer editer_[(#GET{name})]">
    242260                                <label>[(#GET{cc}|concat{':label_',#GET{name}}|_T)]</label>
    243                                 #SET{val,oui}
    244                                 <div class="choix">
    245                                         <input type="checkbox" name="#GET{name}" class="checkbox" id="#GET{name}_#GET{val}" value="#GET{val}"[(#GET{val}|=={#ENV{#GET{name}}}|oui)checked="checked"] />
    246                                         <label for="#GET{name}_#GET{val}"><:sjcycle:oui:></label>
    247                                         <p class="explication">[(#GET{cc}|concat{':explication_',#GET{name}}|_T)]</p>
    248                                 </div>
     261                                <input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name}}" id="#GET{name}" />
     262                                <p class="explication">[(#GET{cc}|concat{':explication_',#GET{name}}|_T)]</p>
     263                        </li>
     264                       
     265                        #SET{name,overlaytemplate}
     266                        <li class="editer editer_[(#GET{name})]">
     267                                <label>[(#GET{cc}|concat{':label_',#GET{name}}|_T)]</label>
     268                                <input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name}}" id="#GET{name}" />
     269                                <p class="explication">[(#GET{cc}|concat{':explication_',#GET{name}}|_T)]</p>
    249270                        </li>
    250271                       
  • _plugins_/sjcycle/trunk/lang/sjcycle_en.php

    r82758 r82879  
    1717        'explication_fx'=>'See exemples : <a href="http://jquery.malsup.com/cycle2/" target="_blank">Cycle2 Plugin</a>',
    1818        'explication_backgroundcolor' => 'Type the background color in hexa format or with the palette if the Palette Plugin is available. To force transparent background, type "transparent" (in which case, the final images will be with in png format)',
    19         'explication_pauseonhover'=>'&lt;sjcycleXX<strong>|pauseonhover=true</strong>&gt; ou &lt;sjcycleXX<strong>|pauseonhover=false</strong>&gt;',
    20         'explication_random'=>'&lt;sjcycleXX<strong>|random=true</strong>&gt; ou &lt;sjcycleXX<strong>|random=false</strong>&gt;',     
     19        'explication_pauseonhover'=>'<code>&lt;sjcycleN<strong>|pauseonhover=true</strong>&gt;</code> or <code>&lt;sjcycleN<strong>|pauseonhover=false</strong>&gt;</code>',
     20        'explication_random'=>'<code>&lt;sjcycleN<strong>|random=true</strong>&gt;</code> or <code>&lt;sjcycleN<strong>|random=false</strong>&gt;</code>',     
    2121        'explication_speed'=>'speed of the transition in milliseconds',
    2222        'explication_timeout'=>'Milliseconds between slide transitions (0 to disable auto advance)',
  • _plugins_/sjcycle/trunk/lang/sjcycle_fr.php

    r82758 r82879  
    88        'boite_info_explication' => 'Vous pouvez aussi combiner ces paramètres.',
    99        'boite_info_explication_docs' =>'Vous pouvez choisir les documents en les désignant comme ceci :',
    10         'boite_info_exemple_docs' => '&lt;sjcycleXX<strong>|docs=AA,BB,CC</strong>&gt;',
     10        'boite_info_exemple_docs' => '<code>&lt;sjcycleN<strong>|docs=AA,BB,CC</strong>&gt;</code>',
    1111        'boite_info_explication_docs_2' => '<small>où AA,BB et CC sont les n° identifiants des images.</small>',
    1212        'boite_info_explication_largeur' =>'Vous pouvez choisir la largeur maximum du diaporama, par exemple :',
    13         'boite_info_exemple_largeur' => '&lt;sjcycleXX<strong>|largeurmax=200&gt;</strong>',
     13        'boite_info_exemple_largeur' => '<code>&lt;sjcycleN<strong>|largeurmax=200</strong>&gt;</code>',
    1414        'boite_info_explication_float' =>'Vous pouvez choisir de placer le diaporama à gauche ou à droite, comme une vignette :',
    15         'boite_info_exemple_float' => '&lt;sjcycleXX<strong>|left</strong>&gt; ou &lt;sjcycleXX<strong>|right</strong>&gt;',
     15        'boite_info_exemple_float' => '<code>&lt;sjcycleN<strong>|left</strong>&gt;</code> ou <code>&lt;sjcycleN<strong>|right</strong>&gt;</code>',
    1616        'boite_info_titre' =>'Diaporama',
    1717
     
    2222        'erreur_config_creer_preview' => 'Attention : la génération de miniatures des images est actuellement inactive, veuillez  l\'activer dans les <a href=".?exec=configurer_avancees">fonctions avancées</a> de la configuration du site !',
    2323        'erreur_config_image_process' => 'Attention : La méthode de fabrication des vignettes n\'a pas été choisie, veuillez  en sélectionner une dans les <a href=".?exec=configurer_avancees">fonctions avancées</a> de la configuration du site !',
    24         'explication_caption' => 'Afficher une légende pour chaque image. Cibler un bloc html par sa classe ou son identifiant css, ou bien par défaut "<strong>.cycle-caption</strong>".<br />&lt;sjcycleXX<strong>|caption=.cycle-caption</strong>&gt;',
    25         'explication_captiontemplate' => 'Vide pour avoir le décompte/le nombre total, "<strong>{{alt}}</strong>" pour avoir les titres des images en légende, ou encore par exemple "<strong>Diapositive {{slideNum}} : {{alt}}</strong>"". <a href="http://jquery.malsup.com/cycle2/demo/caption.php">Voir des exemples.</a><br />&lt;sjcycleXX<strong>|captiontemplate={{alt}}</strong>&gt;',
     24        'explication_caption' => 'Afficher une légende pour chaque image. Cibler un bloc html par sa classe ou son identifiant css, ou bien par défaut "<strong>.cycle-caption</strong>".<br /><code>&lt;sjcycleN<strong>|caption=.cycle-caption</strong>&gt;</code>',
     25        'explication_captiontemplate' => 'Vide pour avoir le décompte/le nombre total, "<strong>{{alt}}</strong>" pour avoir les titres des images en légende, ou encore par exemple "<strong>Diapositive {{slideNum}} : {{alt}}</strong>"". <a href="http://jquery.malsup.com/cycle2/demo/caption.php">Voir des exemples.</a><br /><code>&lt;sjcycleN<strong>|captiontemplate={{alt}}</strong>&gt;</code>',
    2626        'explication_delay'=>'Temps d\'attente avant le départ du diaporama (en millisecondes).',
    27         'explication_largeurmax' => 'Toutes les images seront retaillées en largeur à cette valeur, en pixels. Les diaporamas étant en taille proportionnelle, ils s\'adapteront à la largeur définie par l\'interface du site, mais dans la limite définie ici.<br />&lt;sjcycleXX<strong>|largeurmax=150</strong>&gt;',
    28         'explication_hauteurmax' => 'En laissant le champ vide, les images seront toujours à la largeur maximum possible. Sinon toutes les images seront retaillées en hauteur à cette valeur, en pixels. Si la largeur de l\'image n\'est pas suffisante, la couleur de fond configurée sera visible. La valeur de couleur de fond "transparent" rendra par contre un fond blanc.<br />&lt;sjcycleXX<strong>|hauteurmax=450</strong>&gt;',
    29         'explication_timeout' => 'Temps d\'affichage pour chaque image (en millisecondes). Choisir "0" pour faire un diaporama manuel (cf les boutons "précédent" et "suivant" pour activer le défilement manuel).<br />&lt;sjcycleXX<strong>|timeout=4000</strong>&gt;',
    30         'explication_speed' => 'Temps de transition entre chaque image (en millisecondes).<br />&lt;sjcycleXX<strong>|speed=1000</strong>&gt;',
     27        'explication_largeurmax' => 'Toutes les images seront retaillées en largeur à cette valeur, en pixels. Les diaporamas étant en taille proportionnelle, ils s\'adapteront à la largeur définie par l\'interface du site, mais dans la limite définie ici.<br /><code>&lt;sjcycleN<strong>|largeurmax=150</strong>&gt;</code>',
     28        'explication_hauteurmax' => 'En laissant le champ vide, les images seront toujours à la largeur maximum possible. Sinon toutes les images seront retaillées en hauteur à cette valeur, en pixels. Si la largeur de l\'image n\'est pas suffisante, la couleur de fond configurée sera visible. La valeur de couleur de fond "transparent" rendra par contre un fond blanc.<br /><code>&lt;sjcycleN<strong>|hauteurmax=450</strong>&gt;</code>',
     29        'explication_autoheight' => 'Choisissez ici la façon dont est déterminée la hauteur du diaporama. Par défaut (le champ vide), la hauteur de la première image sert de valeur, "calc" utilisera la hauteur de la plus haute image, et "container" ajustera la hauteur du diaporama à la hauteur de l\'image courante. Il est possible de forcer le ratio hauteur/largeur avec une double valeur, par exemple "600:400". La valeur "false" empêchera le script de gérer la hauteur automatiquement.<br /><code>&lt;sjcycleN<strong>|autoheight=600:400</strong>&gt;</code> ou <code>&lt;sjcycleN<strong>|autoheight=calc</strong>&gt;</code>',
     30        'explication_timeout' => 'Temps d\'affichage pour chaque image (en millisecondes). Choisir "0" pour faire un diaporama manuel (cf les boutons "précédent" et "suivant" pour activer le défilement manuel).<br /><code>&lt;sjcycleN<strong>|timeout=4000</strong>&gt;</code>',
     31        'explication_speed' => 'Temps de transition entre chaque image (en millisecondes).<br /><code>&lt;sjcycleN<strong>|speed=1000</strong>&gt;</code>',
    3132        'explication_backgroundcolor' => 'Une valeur de couleur héxadécimale avec le "#", ex "#C5E41C". La valeur "transparent" rétabli la transparence.',
    32         'explication_palette' => 'Avec le plugin Palette, commencez par taper le "#" avant de choisir la couleur.<br />&lt;sjcycleXX<strong>|backgroundcolor=#C5E41C</strong>&gt;',
    33         'explication_fx' => 'Consultez les exemples en ligne : <a href="http://jquery.malsup.com/cycle2/" target="_blank">Cycle2 Plugin</a>. <br />&lt;sjcycleXX<strong>|fx=scrollHorz</strong>&gt;',
    34         'explication_tilevertical' => 'Jouer les effets de Glissement par bandes (tileSlide et tileBlind) horizontalement.<br />&lt;sjcycleXX<strong>|tilevertical=false</strong>&gt; ou &lt;sjcycleXX<strong>|tilevertical=true</strong>&gt;',
    35         'explication_next' => 'Cibler un bloc html par sa classe ou son identifiant. Par défaut "<strong>.cycle-next</strong>" place une flèche à droite au survol de l\'image.<br />&lt;sjcycleXX<strong>|next=.cycle-next</strong>&gt;',
    36         'explication_prev' => 'Cibler un bloc html par sa classe ou son identifiant. Par défaut "<strong>.cycle-prev</strong>" place une flèche gauche au survol de l\'image.<br />&lt;sjcycleXX<strong>|prev=.cycle-prev</strong>&gt;',
    37         'explication_pauseonhover' => '&lt;sjcycleXX<strong>|pauseonhover=true</strong>&gt; ou &lt;sjcycleXX<strong>|pauseonhover=false</strong>&gt;',
    38         'explication_pauseonhovercontent' => 'Laisser vide pour ne rien afficher.<br /> &lt;sjcycleXX<strong>|pauseonhovercontent=pause</strong>&gt;',
    39         'explication_allowwrap' => 'À propos des boutons "précédent" et "suivant" : à la fin du diaporama, ne pas revenir au début, ou bien au début, ne pas suivre à la fin. N\'empêche pas le diaporama automatique de tourner en continu.<br />&lt;sjcycleXX<strong>|allowwrap=true</strong>&gt; ou &lt;sjcycleXX<strong>|allowwrap=false</strong>&gt;',
    40         'explication_reverse' => 'Joue le diaporama à l\'envers.<br />&lt;sjcycleXX<strong>|reverse=true</strong>&gt; ou &lt;sjcycleXX<strong>|reverse=false</strong>&gt;',
    41         'explication_random' => '&lt;sjcycleXX<strong>|random=true</strong>&gt; ou &lt;sjcycleXX<strong>|random=false</strong>&gt;',
    42         'explication_paused' => '&lt;sjcycleXX<strong>|paused=true</strong>&gt; ou &lt;sjcycleXX<strong>|paused=false</strong>&gt;',
    43         'explication_pager' => 'Cibler un bloc html qui contiendra la pagination en nommant sa classe ou son identifiant css. Par défaut : "<strong>.cycle-pager</strong>". &lt;sjcycleXX<strong>|pager=.cycle-pager</strong>&gt;',
     33        'explication_palette' => 'Avec le plugin Palette, commencez par taper le "#" avant de choisir la couleur.<br /><code>&lt;sjcycleN<strong>|backgroundcolor=#C5E41C</strong>&gt;</code>',
     34        'explication_fx' => 'Consultez les exemples en ligne : <a href="http://jquery.malsup.com/cycle2/" target="_blank">Cycle2 Plugin</a>. <br /><code>&lt;sjcycleN<strong>|fx=scrollHorz</strong>&gt;</code>',
     35        'explication_tilevertical' => 'Jouer les effets de Glissement par bandes (tileSlide et tileBlind) horizontalement.<br /><code>&lt;sjcycleN<strong>|tilevertical=false</strong>&gt;</code> ou <code>&lt;sjcycleN<strong>|tilevertical=true</strong>&gt;</code>',
     36        'explication_next' => 'Cibler un bloc html par sa classe ou son identifiant. Par défaut "<strong>.cycle-next</strong>" place une flèche à droite au survol de l\'image.<br /><code>&lt;sjcycleN<strong>|next=.cycle-next</strong>&gt;</code>',
     37        'explication_prev' => 'Cibler un bloc html par sa classe ou son identifiant. Par défaut "<strong>.cycle-prev</strong>" place une flèche gauche au survol de l\'image.<br /><code>&lt;sjcycleN<strong>|prev=.cycle-prev</strong>&gt;</code>',
     38        'explication_pauseonhover' => '<code>&lt;sjcycleN<strong>|pauseonhover=true</strong>&gt;</code> ou <code>&lt;sjcycleN<strong>|pauseonhover=false</strong>&gt;</code>',
     39        'explication_pauseonhovercontent' => 'Laisser vide pour ne rien afficher.<br /> <code>&lt;sjcycleN<strong>|pauseonhovercontent=pause</strong>&gt;</code>',
     40        'explication_allowwrap' => 'À propos des boutons "précédent" et "suivant" : à la fin du diaporama, ne pas revenir au début, ou bien au début, ne pas suivre à la fin. N\'empêche pas le diaporama automatique de tourner en continu.<br /><code>&lt;sjcycleN<strong>|allowwrap=true</strong>&gt;</code> ou <code>&lt;sjcycleN<strong>|allowwrap=false</strong>&gt;</code>',
     41        'explication_reverse' => 'Joue le diaporama à l\'envers.<br /><code>&lt;sjcycleN<strong>|reverse=true</strong>&gt;</code> ou <code>&lt;sjcycleN<strong>|reverse=false</strong>&gt;</code>',
     42        'explication_random' => '<code>&lt;sjcycleN<strong>|random=true</strong>&gt;</code> ou <code>&lt;sjcycleN<strong>|random=false</strong>&gt;</code>',
     43        'explication_paused' => '<code>&lt;sjcycleN<strong>|paused=true</strong>&gt;</code> ou <code>&lt;sjcycleN<strong>|paused=false</strong>&gt;</code>',
     44        'explication_pager' => 'Cibler un bloc html qui contiendra la pagination en nommant sa classe ou son identifiant css. Par défaut : "<strong>.cycle-pager</strong>". <code>&lt;sjcycleN<strong>|pager=.cycle-pager</strong>&gt;</code>',
    4445        'explication_mediabox' => 'Ouvre l\'image d\'origine suivant <a href=".?exec=configurer_mediabox">vos paramétrages de la mediabox</a>.',
    4546        'explication_tooltip' => 'Au survol, affiche une infobulle contenant titre et descriptif de l’image. Utilisation du plugin Tooltip de jQuery.',
    4647        'explication_tooltip_carac' => 'Afficher les caractéristiques de l\'image originale dans l\'infobulle : largeur, hauteur et poids.',
    47         'explication_carouselvisible' => 'Nombre de diapositives affichées simultanément (carousel-visible).<br /><strong>|carouselvisible=3</strong>',
    48         'explication_carouseloffset' => 'Décalage (en pixels) de la première diapositive (carousel-offset).<br /><strong>|carouseloffset=20</strong>',
    49         'explication_carouselslidedimension' => 'Largeur (carousel horizontal) ou hauteur (carousel vertical) d\'une diapositive (carousel-slide-dimension).<br /><strong>|carouselslidedimension=130</strong>',
    50         'explication_carouselvertical' => '(carousel-vertical)<br /><strong>|carouselvertical=true</strong> ou <strong>|carouselvertical=false</strong>',
    51         'explication_carouselfluid' => 'Adapter le carousel à la mise en page, seulement si horizontal (carousel-fluid).<br /><strong>|carouselfluid=true</strong> ou <strong>|carouselfluid=false</strong>',
     48        'explication_carouselvisible' => 'Nombre de diapositives affichées simultanément (carousel-visible).<br /><code><strong>|carouselvisible=3</strong></code>',
     49        'explication_carouseloffset' => 'Décalage (en pixels) de la première diapositive (carousel-offset).<br /><code><strong>|carouseloffset=20</strong></code>',
     50        'explication_carouselslidedimension' => 'Largeur (carousel horizontal) ou hauteur (carousel vertical) d\'une diapositive (carousel-slide-dimension).<br /><code><strong>|carouselslidedimension=130</strong></code>',
     51        'explication_carouselvertical' => '(carousel-vertical)<br /><code><strong>|carouselvertical=true</strong></code> ou <code><strong>|carouselvertical=false</strong></code>',
     52        'explication_carouselfluid' => 'Adapter le carousel à la mise en page, seulement si horizontal (carousel-fluid).<br /><code><strong>|carouselfluid=true</strong></code> ou <code><strong>|carouselfluid=false</strong></code>',
    5253        'explication_option_carousel' => 'La taille des images doit être réglée avec <a href="#largeurmax">le paramètre "largeurmax"</a> et <a href="#hauteurmax">le paramètre "hauteurmax"</a> si besoin.',
     54        'explication_overlay' => 'Un calque noir/transparent sur le bas de l\'image pour afficher une légende avec Titre et Description de l\'image.<br /><code>&lt;sjcycleN<strong>|overlay=.cycle-overlay</strong>&gt;</code>',
     55        'explication_overlaytemplate' => 'Par défaut le titre et la description de l\'image, vous pouvez personnaliserle contenu suivant <a href="http://jquery.malsup.com/cycle2/demo/overlay.php">les exemples.</a>',
     56        'explication_sync' => 'L\'arrivée d\'une image est simultanée avec le départ de la précédente.<br /><code>&lt;sjcycleN<strong>|sync=true</strong>&gt;</code> ou <code>&lt;sjcycleN<strong>|sync=false</strong>&gt;</code>',
     57
    5358
    5459        // L
     
    6166        'label_largeurmax' => 'Largeur maximum',
    6267        'label_hauteurmax' => 'Hauteur maximum',
     68        'label_autoheight' => 'Hauteur automatique',
    6369        'label_timeout' => 'Affichage',
    6470        'label_speed' => 'Transition',
     
    97103        'label_next' => 'Bouton "suivant"',
    98104        'label_overlay' => 'Légende en surimpression',
     105        'label_overlaytemplate' => 'Format de la légende en surimpression',
    99106        'label_prev' => 'Bouton "précédent"',
    100107        'label_paused' => 'Départ arrêté',
    101108        'label_paused_true' => 'oui',
    102109        'label_pager' => 'Pagination',
     110        'label_sync' => 'Synchronisation des transitions',
    103111        'label_tooltip' => 'Info au survol avec Tooltip',
    104112        'label_tooltip_oui' => 'oui',
     
    115123       
    116124        // P
    117         'parametres_diaporama' => 'Paramétrage général des diaporamas du site, peut être corrigé à la rédaction lors de l\'inclusion d\'un diaporama.<br /><small>&lt;sjcycleXX<strong>|right|largeurmax=250</strong>&gt;</small>',
     125        'parametres_diaporama' => 'Paramétrage général des diaporamas du site.<br />Chaque paramètre peut être corrigé à la rédaction lors de l\'inclusion d\'un diaporama : <small><code>&lt;sjcycleN<strong>|right|largeurmax=250</strong>&gt;</code></small>',
    118126        'pre' => 'précédent',
    119127       
  • _plugins_/sjcycle/trunk/modeles/sjcycle.html

    r82758 r82879  
    11
    22[(#SET{id_article,      [(#ENV{id_sjcycle,      0})]})]
     3[(#SET{id_rubrique,     [(#ENV{rubrique,        0})]})]
    34
    45[(#SET{largeurmax,      [(#ENV{largeurmax,      #CONFIG{sjcycle/largeurmax}})]})]
    56[(#SET{hauteurmax,      [(#ENV{hauteurmax,      #CONFIG{sjcycle/hauteurmax}})]})]
     7[(#SET{autoheight,      [(#ENV{autoheight,      #CONFIG{sjcycle/autoheight}})]})]
    68[(#SET{timeout,         [(#ENV{timeout,         #CONFIG{sjcycle/timeout}})]})]
    79[(#SET{speed,           [(#ENV{speed,           #CONFIG{sjcycle/speed}})]})]
     
    1618[(#SET{next,            [(#ENV{next,            #CONFIG{sjcycle/next}})]})]
    1719[(#SET{allowwrap,       [(#ENV{allowwrap,       #CONFIG{sjcycle/allowwrap}})]})]
     20[(#SET{sync,            [(#ENV{sync,            #CONFIG{sjcycle/sync}})]})]
    1821[(#SET{paused,          [(#ENV{paused,          #CONFIG{sjcycle/paused}})]})]
    1922[(#SET{pager,           [(#ENV{pager,           #CONFIG{sjcycle/pager}})]})]
    2023[(#SET{caption,         [(#ENV{caption,         #CONFIG{sjcycle/caption}})]})]
    2124[(#SET{captiontemplate, [(#ENV{captiontemplate, #CONFIG{sjcycle/captiontemplate}})]})]
     25[(#SET{overlay,                 [(#ENV{overlay,                 #CONFIG{sjcycle/overlay}})]})]
     26[(#SET{overlaytemplate, [(#ENV{overlaytemplate, #CONFIG{sjcycle/overlaytemplate}})]})]
    2227[(#SET{pauseonhovercontent,     [(#ENV{pauseonhovercontent,     #CONFIG{sjcycle/pauseonhovercontent}})]})]
    23 [(#SET{overlay,                 [(#ENV{overlay,                 #CONFIG{sjcycle/overlay}})]})]
    2428[(#SET{carouselvisible,         [(#ENV{carouselvisible,         #CONFIG{sjcycle/carouselvisible}})]})]
    2529[(#SET{carouseloffset,          [(#ENV{carouseloffset,          #CONFIG{sjcycle/carouseloffset}})]})]
     
    2731[(#SET{carouselvertical,        [(#ENV{carouselvertical,        #CONFIG{sjcycle/carouselvertical}})]})]
    2832[(#SET{carouselfluid,           [(#ENV{carouselfluid,           #CONFIG{sjcycle/carouselfluid}})]})]
     33[(#SET{mediabox,                [(#ENV{mediabox,                #CONFIG{sjcycle/mediabox}})]})]
    2934
    3035[(#SET{liens_individuels,       [(#ENV{liens_individuels,       0})]})]
     
    7176                });
    7277        ]
    73         [(#CONFIG{sjcycle/mediabox}|=={oui}|oui)
     78        [(#GET{mediabox}|=={oui}|oui)
    7479                $("a.#GET{cssbox}").mediabox(box_settings);
    7580        ]
     
    7984#SET{slidebalise,img}
    8085[(#GET{liens_individuels}|oui) #SET{slidebalise,a}]
    81 [(#CONFIG{sjcycle/mediabox}|=={oui}|oui) #SET{slidebalise,a}]
     86[(#GET{mediabox}|=={oui}|oui) #SET{slidebalise,a}]
    8287[(#GET{id_article_a_lier}|oui) #SET{slidebalise,a}]
    8388[(#CONFIG{sjcycle/tooltip}|=={oui}|oui|ou{#GET{liens_individuels}|non}) #SET{slidespan,div}]
     
    9297        data-cycle-reverse="(#GET{reverse})"][
    9398        data-cycle-random="(#GET{random})"][
     99        data-cycle-sync="(#GET{sync})"][
    94100        data-cycle-paused="(#GET{paused})"][
    95101        data-cycle-prev="(#GET{prev})"][
     
    104110        data-cycle-pager="(#GET{pager})"][
    105111        data-cycle-caption="(#GET{caption})"][
    106         data-cycle-caption-template="(#GET{captiontemplate})"]>[(#GET{prev}|=={.cycle-prev}|oui)
     112        data-cycle-caption-template="(#GET{captiontemplate})"][
     113        data-cycle-overlay="(#GET{overlay})"][
     114        data-cycle-overlay-template="(#GET{overlaytemplate})"][
     115        data-cycle-auto-height="(#GET{autoheight})"]]]
     116        >[(#GET{prev}|=={.cycle-prev}|oui)
    107117        <div class="cycle-prev"></div>][(#GET{next}|=={.cycle-next}|oui)
    108118        <div class="cycle-next"></div>][(#GET{pager}|=={.cycle-pager}|oui)
    109         <div class="cycle-pager"></div>][(#GET{caption}|=={'.cycle-caption'}|oui)
     119        <div class="cycle-pager"></div>][(#GET{caption}|=={.cycle-caption}|oui)
    110120        <div class="cycle-caption"></div>]
    111         <BOUCLE_img(DOCUMENTS){id_article?}{extension==jpg|png|gif}{id_document==^((#ENV{docs}|replace{',',|}|sinon{.*}))$}{par num titre, date}{doublons}{0,#ENV{limite,100000000}}>[
     121        <BOUCLE_img(DOCUMENTS){id_article?}{id_rubrique?}{extension==jpg|png|gif}{id_document==^((#ENV{docs}|replace{',',|}|sinon{.*}))$}{par num titre, date}{doublons}{0,#ENV{limite,100000000}}>[
    112122               
    113123                 #SET{fermer_a,non}
     
    126136       
    127137                [(#GET{liens_individuels}|=={article}|oui)
    128                 <a href="#URL_ARTICLE"[ title="(#TITRE)"]>#SET{fermer_a,oui}]
     138                <a href="#URL_ARTICLE"[ title="(#TITRE)"] data-cycle-title="#TITRE" data-cycle-desc="#DESCRIPTIF">#SET{fermer_a,oui}]
    129139                [(#GET{liens_individuels}|=={rubrique}|oui)
    130                 <a href="#URL_RUBRIQUE{#DESCRIPTIF|supprimer_tags}"[ title="(#TITRE)"]>
     140                <a href="#URL_RUBRIQUE{#DESCRIPTIF|supprimer_tags}"[ title="(#TITRE)"] data-cycle-title="#TITRE" data-cycle-desc="#DESCRIPTIF">
    131141                #SET{fermer_a,oui}]
    132142                [(#GET{liens_individuels}|=={externe}|oui)
    133                 <a href="[(#DESCRIPTIF|supprimer_tags)]"[ title="(#TITRE)"]>
     143                <a href="[(#DESCRIPTIF|supprimer_tags)]"[ title="(#TITRE)"] data-cycle-title="#TITRE" data-cycle-desc="#DESCRIPTIF">
    134144                #SET{fermer_a,oui}]
    135145                [(#GET{id_article_a_lier}|oui)
    136                 <a href="#URL_ARTICLE{#GET{id_article_a_lier}}" title="#GET{titre_article_a_lier}">
     146                <a href="#URL_ARTICLE{#GET{id_article_a_lier}}" title="#GET{titre_article_a_lier}" data-cycle-title="#TITRE" data-cycle-desc="#DESCRIPTIF">
    137147                #SET{fermer_a,oui}]
    138                 [(#GET{fermer_a}|=={oui}|non|et{#CONFIG{sjcycle/mediabox}|=={oui}|oui})
     148                [(#GET{fermer_a}|=={oui}|non|et{#GET{mediabox}|=={oui}|oui})
    139149                <a href="[(#URL_DOCUMENT)]" type="#MIME_TYPE"
    140150                                                class="#GET{cssbox}"
    141151                                                rel="#GET{cssbox}"
    142152                                                [(#CONFIG{sjcycle/tooltip}|=={oui}|non) title="[(#TITRE|supprimer_numero|attribut_html)]"]
    143                                                 style="display:block;padding:0px;margin:0px;">
     153                                                style="display:block;padding:0px;margin:0px;"
     154                                                data-cycle-title="#TITRE" data-cycle-desc="#DESCRIPTIF">
    144155                #SET{fermer_a,oui}]
    145156       
     
    148159                ]
    149160                        <img class="no_image_filtrer" src="(#FICHIER|image_reduire{#GET{largeurmax},#GET{hauteurmax}}|image_recadre{#GET{largeurmax},#GET{hauteurmax},top center,#GET{backgroundcolor}}|extraire_attribut{src})"[ alt="(#TITRE)"]
    150                                 [(#GET{overlay}|=={oui}|oui)[ data-cycle-title="(#TITRE)"][ data-cycle-desc="(#DESCRIPTIF)"]]
     161                                 data-cycle-title="#TITRE" data-cycle-desc="#DESCRIPTIF"
    151162                        />
    152163               
     
    158169               
    159170        ]</BOUCLE_img>
    160         [(#GET{overlay}|=={oui}|oui)
    161         <div class="cycle-overlay"></div>
    162         ]
     171        [(#GET{overlay}|=={.cycle-overlay}|oui)
     172        <div class="cycle-overlay"></div>]
     173
    163174</div>
    164175
  • _plugins_/sjcycle/trunk/modeles/sjcycle_alea.html

    r54813 r82879  
    1 [(#REM) Diaporama d'images aleatoires ]
     1[(#REM) Diaporama d'images aleatoires : preserve (simplifie ?) dans la version 3 pour compatibilite avec la version 2 ]
     2
    23[(#SET{nb,[(#ENV{nb,10})]})]
    34[(#SET{fx,[(#ENV{fx,fade})]})]
     
    67[(#SET{hauteur,[(#ENV{hauteur,0})]})]
    78
    8 <script type="text/javascript">/*<!#EVAL{chr(91)}CDATA#EVAL{chr(91)}*/
    9 jQuery(document).ready(function() {
    10         $('#sjcycle_alea').cycle({
    11                 fx:'#GET{fx}',
    12                 speed:1500,
    13                 timeout:[(#GET{duree})],
    14                 pause:1
    15         });
    16 });
    17 /*#EVAL{chr(93)}[(#EVAL{chr(93)})]>*/</script>
    18 
    19 <B_docAuHazard>
    20         <div id="sjcycle_alea">
    21 <BOUCLE_docAuHazard(documents documents_liens){objet=article}{documents.extension==jpg|png|gif}{par hasard}{0, #GET{nb}}>
    22                 <div class="sjcycle_alea_img">
    23                         [<a href="#URL_ARTICLE{#ID_OBJET}">(#FICHIER|image_reduire{#GET{largeur},#GET{hauteur}}|inserer_attribut{alt,""})</a>]
    24          [<br /><span class="legende">(#MODELE{sjcycle_legende}{id_article=#ID_OBJET})</span>]
    25                 </div>
    26 </BOUCLE_docAuHazard>
    27         </div>
    28 </B_docAuHazard>
     9[(#MODELE{sjcycle}{id_article=#ENV{id_sjcycle_alea}}{random=oui}{limite=#GET{nb}}{fx=#GET{fx}}{timeout=#GET{duree}}{largeurmax=#GET{largeur}}{hauteurmax=#GET{hauteur}})]
  • _plugins_/sjcycle/trunk/paquet.xml

    r82760 r82879  
    22        prefix="sjcycle"
    33        categorie="multimedia"
    4         version="3.1.0"
     4        version="3.2.0"
    55        etat="dev"
    66        compatibilite="[3.0.0;3.1.*]"
  • _plugins_/sjcycle/trunk/prive/navigation/bloc_aide.html

    r82430 r82879  
    1 #BOITE_OUVRIR{#CHEMIN_IMAGE{sjcycle-24.png}|balise_img{'',cadre-icone}|concat{#REM|concat{sjcycle:boite_info_titre}|_T},'simple','section'}
     1#BOITE_OUVRIR{#CHEMIN_IMAGE{sjcycle-24.png}|balise_img{'',cadre-icone}|concat{#REM|concat{sjcycle:boite_info_titre}|_T}|concat{#AIDER{sjcycle}},'simple','section'}
    22<:sjcycle:boite_info:>
    33<div class='raccourcis'>
    44        [<strong>(#VAL{sjcycle}|affiche_raccourci_doc{#ENV{id_article}, left})</strong>]
    5         [<strong>(#VAL{sjcycle}|affiche_raccourci_doc{#ENV{id_article}})</strong>]
     5        [<strong>(#VAL{sjcycle}|affiche_raccourci_doc{#ENV{id_article}, ''})</strong>]
    66        [<strong>(#VAL{sjcycle}|affiche_raccourci_doc{#ENV{id_article}, right})</strong>]
    77</div>
Note: See TracChangeset for help on using the changeset viewer.