Changeset 84912 in spip-zone for _plugins_/sjcycle


Ignore:
Timestamp:
Sep 29, 2014, 8:52:16 AM (5 years ago)
Author:
chankalan@…
Message:

compatibilité tooltip/mediabox + .no-adapt-img + nettoyage de l'aide + version 3.4.7

Location:
_plugins_/sjcycle/trunk
Files:
4 edited

Legend:

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

    r50100 r84912  
    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="en" lang="en">
     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" />
    5    <title>Spip jQuery Cycle "sjcycle" utilisation</title>
     13   <title>plugin Cycle2 utilisation</title>
    614        <link rel='stylesheet' href='http://www.spip.net/prive/spip_admin.css' type='text/css' />
    715</head>
    816
    917<body>
    10 <h1>Sjcycle help</h1>
    11 <h2>sjcycle/Parameters</h2>
    12 <h3 class="spip">Decryption of the syntax and parameters of the typographic shortcut &quot;sjcycle&quot;</h3>
     18<h1>Cycle2</h1>
     19<h2>>Decryption of the syntax and parameters</h2>
     20
    1321<div>
    14         <p style="background:#eee;color:#666;padding:10px;font-weight:700">The typographic shorcut &quot;sjcycle&quot; allows to insert easily one or several slide shows in an article: you just have to copy it out inside the space « Text » of the article, where you wish to place the slide show.<br />
    15           <br />
    16     This shortcut contains several parameters separated by the character &quot;|&quot;.</p>
    17    <ol>
    18       <li>
    19          <h4>&lt;sjcycle<span style="color:red">N</span>&gt;</h4>
    20          <strong>Parameter "<span style="color:#666">N</span>", <span style="color:red">compulsory</span> :</strong>
    21          <br />
    22          Corresponds to the number of the current article<?php echo $text; ?>.
    23          <br />
    24          It allows to target the images linked to a unique article.
    25          <p style="background:#eee;color:#666;padding:10px;">
    26             <strong>Tip:</strong> You can thus a slide show with the images of an article into another article.</p>
    27       </li>
    28       <li>
    29          <h4>&lt;sjcycle<span style="color:red">|ALIGN</span>&gt;</h4>
    30          <strong>Parameter "<span style="color:#666">ALIGN</span>", optional :</strong>
    31          <br />
    32          Allows to specify the alignment of the slide show within the text.
    33          <br />
    34          If it is not specified, the alignment is &quot;center&quot;.
    35          <br /><strong>The alignment options :</strong>
    36          <ul>
    37             <li>"<em>left</em>" : to the left of the text;</li>
    38             <li>"<em>center</em>" : to center in the text;</li>
    39             <li>"<em>right</em>" : to the right of the text.</li>
    40          </ul>
    41       </li>
    42       <li>
    43          <h4>&lt;sjcycleN|ALIGN|<span style="color:red">docs=n1,n2</span>&gt;</h4>
    44          <strong>Parameter "<span style="color:#666">docs=n1,n2,[...],nx</span>", optional :</strong>
    45          <br />
    46          Allows to specify the list of images to be displayed in the slide show.
    47          <br />
    48          Thus several slide shows can be displayed within the same text, images can be taken out.
    49          <br />
    50          If it is not specified, all the images are selected by default.
    51          <br />
    52          <br />
    53          <strong>The arguments of selection &quot;n1,n2,[...],nx&quot; of the parameter &quot;|docs=&quot; :</strong><br />
    54          They consist of a continuation of numbers of images separated by commas without space.<br />
    55         Under each image, a typographical short cut like &quot;<em>&lt;imgXX|left&gt;</em>", "<em>&lt;docXX|left&gt;</em>" or "<em>&lt;docXX&gt;</em>", is indicated, where &quot;<em>XX</em>&quot; indicates the number of the corresponding image.<br />
    56          Thus the parameter  "<em>|docs=1,3</em>", selects the images number 1 and 3 of the current article.
    57          <p style="background:#eee;color:#666;padding:10px;font-weight:700">
    58             <strong>Tip:</strong> You can use the short cut by adding just one number of image to the parameter &quot;<em>|docs=</em>&quot; in order to get the &quot;FancyBox&quot; effect: a clic on the resized image of the slide show allows to display the original image in superimposition.</p>
    59       </li>
    60       <li>
    61         <h4>&lt;sjcycleN|ALIGN|<span style="color:red">id_diapo=X</span>&gt;</h4>
    62         <strong>Parameter &quot;<span style="color:#666">id_diapo=X</span>&quot;, optional :</strong> <br />
    63 Allows to attribute a specific id to a slide show to be able to target it in css by dsjcycle_X<br />
    64 Since the version 1.1, not necessary any more to display several slide shows in the same article<br />
    65 <strong>Example :</strong><br />
    66 &lt;sjcycle16|center|docs=101,102,103,104|id_diapo=1&gt;<br />
    67 &lt;sjcycle16|center|docs=105,106,107,108,109|id_diapo=2|opt=fx:'shuffle',timeout:2000&gt;<br />
    68 This displays 2 slide shows in the same article, the first one on 4 images with the parameters by default of the site and the second on 5 images, with parameters different from those by default.<br />
    69       </li>
    70       <li>
    71         <h4>&lt;sjcycleN|ALIGN|<span style="color:red">legende=X</span>&gt;</h4>
    72         <strong>Parameter &quot;<span style="color:#666">legende=X</span>&quot;, optional :</strong> <br />
    73         Allows to post a legend under the slide show
    74                 <ul>
    75           <li>If X=1, we post as legend the images'title </li>
    76           <li>If X=model, we post as legend the text supplied by the model sjcycle_model. This allows to create a legend containing the author's name, the article's title, well anything we want...
    77           <li>If X=a text, this text is posted as legend
    78           </ul>
    79       </li>   
    80       <li>
    81         <h4>&lt;sjcycleN|ALIGN|<span style="color:red">opt=p1:v1;p2:v2</span>&gt;</h4>
    82         <strong>Parameter &quot;<span style="color:#666">opt=p1:v1;p2:v2;[...];px:vx</span>&quot;, optional :</strong> <br />
    83 Allows to use the options of the script jcycle. The complete list is defined on the site of the plugin jquery jcycle <a href="http://malsup.com/jquery/cycle/options.html" target="_blank">here</a>.<br />
    84 These values overwrite those defined in the configuration page of the plugin.<br />
    85 The possible options correspond to those of the version used in this plugin spip and not to those proposed on the page quoted above.  At present, it is the version 2.88 (08-JUN-2010) that is used. <br />
    86 <strong>Example :</strong><br />
    87 &lt;sjcycle16|center|opt=autostop:1;autostopCount:5&gt; : Slide show on all the images of the article 16 but which will stop at the fifth image<br />
    88 &lt;sjcycle16|center|opt=fx:'fade'&gt; :Slide show on all the images of the article 16 with a « fade » effect of transition which replaces the one defined globally for the whole site<br />
    89       </li>
    90      <li>
    91        <h4>&lt;sjcycleN|ALIGN|<span style="color:red">lien_article=XXX|forcer_lien_reference=on</span>&gt;</h4>
    92        <strong>Parameter &quot;<span style="color:#666">lien_article=XXX</span>&quot;and  &quot;<span style="color:#666">forcer_lien_reference=on</span>&quot;, optionals :</strong> <br />
    93        <span id="result_box" lang="en" xml:lang="en"><span title="Cliquer ici pour voir d'autres traductions">Lets</span> <span title="Cliquer ici pour voir d'autres traductions">put</span> <span title="Cliquer ici pour voir d'autres traductions">a link on the</span> <span title="Cliquer ici pour voir d'autres traductions">slideshow to</span> <span title="Cliquer ici pour voir d'autres traductions">an</span> <span title="Cliquer ici pour voir d'autres traductions">article</span> <span title="Cliquer ici pour voir d'autres traductions">XXX</span> <span title="Cliquer ici pour voir d'autres traductions">other than that</span> <span title="Cliquer ici pour voir d'autres traductions">containing</span> <span title="Cliquer ici pour voir d'autres traductions">images.</span> <span title="Cliquer ici pour voir d'autres traductions">In the case of</span> <span title="Cliquer ici pour voir d'autres traductions">a multilingual site</span><span title="Cliquer ici pour voir d'autres traductions">, provide</span> <span title="Cliquer ici pour voir d'autres traductions">the id of</span> <span title="Cliquer ici pour voir d'autres traductions">the reference article</span><span title="Cliquer ici pour voir d'autres traductions">, the model</span> <span title="Cliquer ici pour voir d'autres traductions">is responsible for finding</span> <span title="Cliquer ici pour voir d'autres traductions">the id of</span> <span title="Cliquer ici pour voir d'autres traductions">the article</span> <span title="Cliquer ici pour voir d'autres traductions">to</span> <span title="Cliquer ici pour voir d'autres traductions">the visitor's language</span><span title="Cliquer ici pour voir d'autres traductions">.</span> <span title="Cliquer ici pour voir d'autres traductions">This option disables</span> <span title="Cliquer ici pour voir d'autres traductions">the opening</span> <span title="Cliquer ici pour voir d'autres traductions">in a</span> <span title="Cliquer ici pour voir d'autres traductions">box. </span></span><span id="result_box2" lang="en" xml:lang="en">If the item does not exist in the current language we put or not a link to the article according the reference parameter forcer_lien_reference is defined or not</span>.<br />
    94 <strong>Example :</strong><br />
    95 &lt;sjcycle16|center|lien_article=171&gt; : Slide show on all the images of the article 16 with a link to the article 171 </li>
    96      <li>
    97          <h4>&lt;sjcycleN|ALIGN|<span style="color:red">param=valeur</span>&gt;<br />
    98          </h4>
    99          <strong>Other optional parameters:</strong>
    100       <br />
    101          These values overwrite those defined in the configuration page of the plugin. :
    102           <ul>
    103             <li><em>width</em> :width in pixels of the cropped images</li>
    104             <li><em>height</em> : height in pixels of the cropped images</li>
    105             <li><em>position</em> : position of the original image in the cropped image (left top, left center, left bottom, center top, center, center bottom, right top, right center, right bottom)</li>
    106             <li><em>background</em> : background color of the cropped images (format #FF0000)</li>
    107             <li><em>border_color</em> : border color of the cropped images (format #FF0000)</li>
    108             <li><em>border_width</em> : width in pixels of the border</li>
    109             <li><em>div_margin</em> : margin in pixels around the cropped images</li>
    110           </ul>
    111           <br />
    112            <img src="../plugins/sjcycle2/aide/exemple_sjcyle2.png" width="300" height="300" alt="exemple" /><br />
    113      </li>
    114    </ol>
    115 </div>
     22
     23<p>editorial staff...</p>
     24<p>For further informations : <a href="http://contrib.spip.net/Cycle2">http://contrib.spip.net/Cycle2</a></p>
     25
    11626</div>
    11727</body>
  • _plugins_/sjcycle/trunk/aide/fr-aide.html

    r82879 r84912  
    1111<head>
    1212   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    13    <title>Utilisation de Spip jQuery Cycle "sjcycle"</title>
     13   <title>Utilisation du plugin Cycle2</title>
    1414        <link rel='stylesheet' href='http://www.spip.net/prive/spip_admin.css' type='text/css' />
    1515</head>
     
    2222
    2323<p>En cours...</p>
    24 <p>Voir pour l'instant l'article sur contrib.spip.net...</p>
     24<p>Voir pour l'instant l'article sur <a href="http://contrib.spip.net/Cycle2">http://contrib.spip.net/Cycle2</a></p>
    2525
    2626</div>
  • _plugins_/sjcycle/trunk/modeles/article_cycle.html

    r84288 r84912  
    9292
    9393#SET{slidebalise,img}
    94 [(#REM) tooltip en premier car valeur ecrasee par les suivants ]
    95 [(#GET{tooltip}|=={oui}|oui) #SET{slidebalise,div}]
    9694[(#GET{liens_individuels}|oui) #SET{slidebalise,a}]
    9795[(#GET{mediabox}|=={oui}|oui) #SET{slidebalise,a}]
    9896[(#GET{id_article_a_lier}|oui) #SET{slidebalise,a}]
    9997[(#ENV{lien_parent}|oui) #SET{slidebalise,a}]
     98[(#REM) tooltip en dernier car valeur ecrase les precedentes ]
     99[(#GET{tooltip}|=={oui}|oui) #SET{slidebalise,div.infobulle}]
    100100
    101101<div class="cycle-slideshow"[ style="(#GET{style})"][
     
    135135         
    136136                [(#REM) Doit-on afficher les infobulles ET y a t'il quelque chose a afficher ?]
    137                 #SET{afficher_infobulle,non}
     137               
    138138                [(#GET{tooltip}|=={oui}|oui)
    139139                        [(#SET{texte_infobulle,[<h4>(#TITRE)</h4>][(#DESCRIPTIF)<br />]})]
     
    142142                        ]
    143143                        [(#SET{texte_infobulle,[(#GET{texte_infobulle}|trim)]})]
    144                         [(#GET{texte_infobulle}|strlen|!={0}|oui) #SET{afficher_infobulle,oui}]
    145144                ]
    146145
     146                [(#GET{tooltip}|=={oui}|oui)
     147                <div class="infobulle">
     148                ]
     149                [(#REM) garder pour compatibilite, mais il faudrait refaire cette partie : pour tous les liens differents, une seule variable pour une valeur au choix, pour eviter de doubler la balise <a> ]
    147150                [(#ENV{lien_parent}|oui)
    148151                #INCLURE{fond=inclure/lien_parent,id_document}
    149152                #SET{fermer_a,oui}]
    150153                [(#GET{liens_individuels}|=={article}|oui)
    151                 <a href="#URL_ARTICLE{#DESCRIPTIF|supprimer_tags}" data-cycle-title="#TITRE">#SET{fermer_a,oui}]
     154                <a href="#URL_ARTICLE{#DESCRIPTIF|supprimer_tags}" data-cycle-title="#TITRE">
     155                #SET{fermer_a,oui}]
    152156                [(#GET{liens_individuels}|=={rubrique}|oui)
    153157                <a href="#URL_RUBRIQUE{#DESCRIPTIF|supprimer_tags}" data-cycle-title="#TITRE">
     
    168172                #SET{fermer_a,oui}]
    169173       
    170                 [(#GET{tooltip}|=={oui}|oui)
    171                 <div class="infobulle">
    172                 ]
    173                         <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)"]
     174                        <img class="no_image_filtrer no-adapt-img" src="(#FICHIER|image_reduire{#GET{largeurmax},#GET{hauteurmax}}|image_recadre{#GET{largeurmax},#GET{hauteurmax},top center,#GET{backgroundcolor}}|extraire_attribut{src})"[ alt="(#TITRE)"]
    174175                                 data-cycle-title="#TITRE" data-cycle-desc="[(#DESCRIPTIF|textebrut)]"
    175176                        />
     177                       
     178                [(#GET{fermer_a}|=={oui}|oui)</a>]
    176179               
    177180                [(#GET{tooltip}|=={oui}|oui)
     
    179182                </div> <!-- .infobulle -->
    180183                ]
    181                 [(#GET{fermer_a}|=={oui}|oui)</a>]
    182184               
    183185        ]</BOUCLE_img>
  • _plugins_/sjcycle/trunk/paquet.xml

    r84440 r84912  
    22        prefix="sjcycle"
    33        categorie="multimedia"
    4         version="3.4.6"
     4        version="3.4.7"
    55        etat="test"
    66        compatibilite="[3.0.0;3.1.*]"
Note: See TracChangeset for help on using the changeset viewer.