SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 147 visiteurs en ce moment

Accueil > Affichage multimédia > Galeries et diaporamas > Spip jQuery Cycle > Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

13 mai 2010 – par b_b, chankalan, Yffic – 372 commentaires

29 votes

Ce plugin est une adaptation pour spip du script Cycle pour jQuery. Il permet d’afficher des diaporamas dans le texte de vos articles. Il fournit également des modèles permettant par exemple d’insérer un diaporama aléatoire d’images ou un diaporama des sites syndiqués dans un squelette...

Cette deuxième mouture du plugin Spip jQuery Cycle " sjcycle " est compatible avec spip >= 2.1

Par défaut, la fonction tooltip est désactivée mais est activable via la page de configuration. De même pour les fonctions fancybox/mediabox mais qui nécessitent, eux, l’installation des plugins fancybox ou mediabox pour fonctionner. Spip jQuery Cycle utilise les librairies fournies par ces plugins mais pas leurs paramètres de configuration.

Nota : l’effet FancyBox n’est plus proposé en Spip 3, ce plugin n’étant pas compatible.

Pour plus d’informations, se reporter à la version précédente.

Installation

Comme tous les autres plugins, cf. http://www.spip.net/fr_article3396.html

  • Le plugin fonctionne sur les squelettes disposant de les balises #INSERT_HEAD et #INSERT_HEAD_CSS.
  • Le plugin nécessite les plugins CFG (avant la version 1.8), Saisies, YAML et Spip_Bonux. Il utilise le plugin Palette.

Décryptage de la syntaxe et paramètres du raccourci typographique "sjcycle"

Le raccourci typographique "sjcycle" permet d’insérer facilement un ou plusieurs diaporamas au sein d’un article : il vous suffit de le recopier à l’intérieur de la case « Texte » de l’article, là où vous désirez situer le diaporama.

Ce raccourci comporte plusieurs paramètres séparés par le caractère "|". Les 3 derniers paramètres ont été rajoutés dans la version 0.3

Paramètre "N", obligatoire :
<sjcycleN>
Correspond au numéro de l’article contenant les images. Vous pouvez ainsi insérer un diaporama avec les images d’un article X dans un article Y.

Paramètre "ALIGN", optionnel :
<sjcycleN|ALIGN>
Permet de spécifier l’alignement du diaporama au sein du texte.
S’il n’est pas précisé, l’alignement est "center".
Les options de l’alignement :
-  "left" : à gauche du texte ;
-  "center" : centrer dans le texte ;
-  "right" : à droite du texte.


Paramètre "docs=n1,n2,[...],nx", optionnel :
<sjcycleN|ALIGN|docs=n1,n2>
Permet de spécifier la liste d’images à afficher dans le diaporama, nx étant le numéro "spip" du document.
Ainsi, on peut afficher plusieurs diaporamas dans au sein d’un même texte, isoler des images.
S’il n’est pas précisé, l’ensemble des images sont sélectionnées par défaut.

Attention : dans le cas d’une utilisation avec un modèle l’écriture diffère :

[(#MODELE{sjcycle}{id_sjcycle=XX,docs=21|22|24})]

Paramètre "id_diapo", optionnel :
<sjcycleN|ALIGN|id_diapo=X>
Permet d’attribuer un id spécifique à un diaporama afin de pouvoir le cibler en css par dsjcycle_X
Depuis la version 1.1, n’est plus nécessaire pour afficher plusieurs diaporamas dans le même article

Exemple :
<sjcycle16|center|docs=101,102,103,104|id_diapo=1><sjcycle16|center|docs=105,106,107,108,109|id_diapo=2|opt=fx:'shuffle',timeout:2000>
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.

Paramètre "legende", optionnel :
<sjcycleN|ALIGN|legende=X>
Permet d’afficher une légende sous le diaporama

  • Si X=1, on affiche comme légende le titre des images
  • 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 nom de l’auteur, le titre de l’article, enfin ce qu’on veut...
  • Si X=un texte, ce texte est affiché comme légende

Paramètres "btn_precedent" et "btn_suivant" (version 2.2.5 et 1.9.1) :
<sjcycleN|btn_precedent=1|btn_suivant=1>
Permet d’afficher les boutons "précédent" et "suivant" : on peut ne mettre qu’un seul des deux boutons.
Le libellé des boutons est personnalisable dans la configuration du plugin.

Paramètres "lien_article" et "forcer_lien_reference", optionnels (ajoutés en version 1.6) :
<sjcycleN|ALIGN|lien_article=XXX|forcer_lien_reference=on>
Permet de poser un lien sur le diaporama vers un article 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 vers l’article de référence suivant que le paramètre forcer_lien_reference soit défini ou pas.

Exemple dans le cas d’une insertion dans un squelette sur une page sommaire :
-  [(#MODELE{sjcycle}{id_sjcycle=16,width=200,height=300,lien_article=171})] : diaporama sur toutes les images de l’article 16 redimensionnées à 200x300 avec un lien vers l’article 171 (ou sa traduction)

Paramètres "liens_individuels", optionnel (ajouté en version 1.7) :
<sjcycleN|ALIGN|liens_individuels=valeur>
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. Cette option désactive l’ouverture vers une box.

Exemple :
-  <sjcycle16|center|liens_individuels=article> : 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.

Paramètre "limite" :
<sjcycleN|limite=3>
Sortira les trois premières images de l’article "N" dans le diaporama.

Paramètre "opt=p1:v1 ;p2:v2 ;[...] ;px:vx", optionnel :
<sjcycleN|ALIGN|opt=p1:v1;p2:v2>
Permet d’utiliser les options du script jcycle. La liste complète est définie sur le site du plugin jquery jcycle par ici
Ces valeurs écrasent celles définies dans la page de configuration du plugin.
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
Depuis la version 1.2, il faut utiliser le point-virgule comme séparateur pour que ça fonctionne en modèle.

Exemple :
-  <sjcycle16|center|opt=autostop:1;autostopCount:5> : diaporama sur toutes les images de l’article 16 mais qui s’arrêtera à la cinquième image
-  <sjcycle16|center|opt=fx:'fade'> : diaporama sur toutes les images de l’article 16 avec un effet de transition "fade" qui remplace celui défini globalement pour le site entier

Paramètres de surcharge de la configuration générale :
<sjcycleN|ALIGN|param=valeur>
Ces paramètres optionnels écrasent localement les valeurs définies dans la page de configuration du plugin :
-  width : largeur en pixels des images recadrées
-  height : hauteur en pixels des images recadrées
-  position : 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)
-  background : couleur de fond des images recadrées (au format #FF0000)
-  border_color : couleur de la bordure des images recadrées (au format #FF0000)
-  border_width : largeur en pixels de la bordure
-  div_margin : marge en pixels autour des images recadrées

Exemple :
-  <sjcycle16|center|background=#000000> : diaporama centré sur toutes les images de l’article 16 mais avec un fond noir, peu importe la couleur de fond définie dans la page de configuration du plugin.

Le modèle

On peux utiliser le modèle pour afficher un diapo dans les squelettes, XX étant le numéro de l’article contenant les images :

[(#MODELE{sjcycle}{id_sjcycle=XX,width=200,height=300})]

Astuces :

-  pour avoir de la transparence en fond, il faut mettre "transparent" dans les 2 champs de couleur dans la page de config. Cependant il faut savoir que les images générées seront au format png et donc généralement plus lourdes que les jpg
-  La qualité jpeg par défaut utilisée par les filtres d’image de SPIP est de 85. Elle peut être modifiée en rajoutant dans le fichier mes_options la ligne suivante :
define('_IMG_GD_QUALITE', 95);

Exemples d’utilisation :

http://www.lefourneau.com/spip/spip...

Diapo « au hasard » (ajouté en version 0.8)

Le modèle sjcycle_alea permet d’afficher un diaporama paramétrable sur un ensemble d’images choisies au hasard parmi les documents du site. Les paramètres possibles sont :
-  nb : nombre d’images (10 par défaut)
-  fx : l’effet à appliquer (fade par défaut)
-  duree : durée d’affichage de chaque image en ms (5000 par défaut)
-  largeur : largeur des images (200 par défaut)
-  hauteur : hauteur des images (0 par défaut, donc fonction de la largeur)

Exemple d’appel :

[(#MODELE{sjcycle_alea}{largeur=190})]

Une noisette pour le Noizetier est également fournie

Diapo des sites (ajouté en version 1.5)

Le modèle sjcycle_sites permet d’afficher un diaporama paramétrable sur l’ensemble des logos des sites référencés. Les paramètres possibles sont :
-  afficher_nom_site : si défini, affiche le nom du site sous le logo
-  fx : l’effet à appliquer (fade par défaut)
-  duree : durée d’affichage de chaque image en ms (5000 par défaut)
-  largeur : largeur des images (200 par défaut)
-  hauteur : hauteur des images (0 par défaut, donc fonction de la largeur)

Exemple d’appel :

[(#MODELE{sjcycle_sites}{afficher_nom_site=on})]

Une noisette pour le Noizetier est également fournie

Diapo des images d’une rubrique (ajouté en version 2.3.0)

Depuis la version 2.3.0 il est possible d’afficher les images d’une rubrique avec le raccourci suivant : <sjcycleXX|rubrique>. Les paramètres disponibles sont les mêmes que pour le modèle "article".

Problèmes connus :

-  Les effets de type turnLeft, scrollRight,... ne fonctionnent pas si les infobulles sont activées dans la config.
-  L’affichage d’une bordure autour des images n’est pas satisfaisant...

Voir en ligne : http://plugins.spip.net/sjcycle

Dernière modification de cette page le 6 juin 2014

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 27 janvier à 19:09, par fat78 En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

    Bonsoir,
    Fidèle à spip2.1 je mets au point en ce moment une squelette « responsive » dans laquelle je cherche à réutiliser le diaporama sjcycle 1.9.1 (c’est mon préféré).
    Je n’ai rien trouvé (ou alors pas bien cherché) donc j’ai ouvert le capot du plugin et mis les main dedans : j’ai remplacé dans modeles/sjcycle.html toutes les largeurs et hauteurs en pixels par des largeurs et hauteurs en % et ensuite déclaré aussi les réglages par défaut en %.
    Cela semble fonctionner, avec le seul défaut de devoir recharger systématiquement la page afin de redimensionner le diaporama : mais ce n’est peut être pas un défaut parce que je vois mal le navigateur recharger le diaporama dès qu’on bouge la largeur de la fenêtre.
    Es possible de faire évoluer sjcycle 1.9.1 dans ce sens ?

    • Le 28 janvier à 00:52, par chankalan En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      Bonsoir,
      il est certainement possible de faire plein de chose pour un développement particulier.
      Pour en dire plus il faudrait peut-être voir le site et son comportement : une adresse ?

      En même temps, je me renseigne : qu’est-ce qui vous empêche de passer à SPIP 3, ce qui vous ouvre les plugins et librairies un peu plus récentes ? Vous avez peut-être d’autres plugins incompatibles ?

    • Le 28 janvier à 10:14, par fat78 En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      Tous mes sites sont sous spip2 (j’ai commencé avec 1.8 et migré jusqu’au 2.1) et les administrateurs et rédacteurs (qui ne sont PAS DU TOUT des informaticiens) qui les utilisent en sont habitués : je leur ai appris à s’en servir et il est plus difficile qu’on croit de leur imposer les changements induits avec spip3. Par contre j’ai la demande de rendre « responsive » leurs sites sous spip2 : dans ces sites le diaporama « sjcycle » est un must tellement il est facile d’emploi, d’où ma recherche pour le rendre « responsive ».
      Comme je disais, ça semble fonctionner (déclarer width et height en %, même dans le setup) mais j’ai du supprimer le calcul des div=img+marge*2 et le traitement des transparences (qui contient les filtres sur images qui travaillent en pixels). Mais ces modifs doivent induire des inconvénients.
      Je l’ai mis en oeuvre sur un site « responsive » où je fais mes bricolages spip, donc à ne pas regarder comme un site public « fini » mais plutot comme un labo : http://www.fat78.net/spip.php?article15
      Sur cette page j’ai mis à votre intention le fichier modeles/sjcycle.mtml modifié par mes soins : je l’enlèverai par la suite.
      Vous qui en êtes le concepteur (en soyez remercié), pourriez-vous aller jusqu’au bout de cette démarche pour créer une évolution « responsive » officielle de sjcycle1.9.1 ?

    • Le 28 janvier à 14:38, par chankalan En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      Bonjour,
      je ne suis pas l’auteur de cette version du plugin, mais de celle d’après justement...
      Enfin le code javascript de cette version de jcycle injecte les tailles des images dans le code html, donc je ne vois pas trop comment faire quelque chose de propre. Il n’est pas question de toucher à cette partie du code, bien entendu.
      D’ailleurs, si même le concepteur du diaporama a jugé qu’il valait mieux reprendre une nouvelle version quitte à faire une rupture de compatibilité, c’est peut-être qu’il a des raisons valables... en tout cas je lui fais confiance.
      Si le problème est finalement les rédacteurs/administrateurs du site SPIP, je pense qu’il est possible de les rassurer et de leur faire essayer concrètement la dernière version de SPIP pour qu’ils se rendent compte qu’il n’y a pas de fossé terrible entre SPIP 2.1 et SPIP 3.1 : en tout cas pas visible par l’utilisateur, qui peut continuer à faire de la même façon qu’auparavant.
      D’ailleurs dans SPIP 2.1, il y a le plugin Bandeau qui a préfiguré le menu privé de SPIP des versions ultérieures. Si vous l’utilisez, ça réduit nettement les différences.

    Répondre à ce message

  • Le 31 août 2015 à 15:44, par marc En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

    Bonjour, je viens d’installer sj cycle V2 sur un site de dèv. en spip 3.0.19.

    Au clic sur l’icône de configuration, j’ai ce message :
    Accès interdit
    Vous n’avez pas le droit d’accéder à la page configurer_sjcycle.

    Je suis pourtant webmestre du site.

    • Le 31 août 2015 à 18:37, par chankalan En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      Bonjour,
      je ne vois pas ce que ça peut être... est-ce toujours le cas ?
      Est-ce qu’il y des options ou d’autres plugins qui pourraient déclencher cette erreur ?

    • Le 8 janvier à 22:58, par jo En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      Bonjour,
      j’ai le même problème que marc, après avoir installé jquerry cycle sous spip 3.0.20, j’ai un message :« accès interdit » après avoir tenté de le configurer. Pourtant j’ai les droits webmestre.
      Après avoir fait un petit tour sur d’autres plugin, le problème revient sur d’autres (ex :nivoslider).
      Quelqu’un a une idée ??

    Répondre à ce message

  • Le 30 juin 2015 à 10:11, par KOVAL Sébastien En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

    Bonjour afin d’ouvrir et fermer un menu déroulant sur OS j’ai utilisé un script JQuery sur une div...

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    visiblement l’appel de la librairie fait sauter mon diaporama , surement un problème de version, mais je n’arrive pas à résoudre ce problème, avez-vous une piste à me donner svp merci

    • Le 30 juin 2015 à 10:14, par b_b En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      Salut, le script que tu insères est jQuery, mais SPIP l’insères déjà dans les pages publiques, tu dois certainement avoir une erreur javascript car double insertion de la même librairie.

    • Le 30 juin 2015 à 10:24, par KOVAL Sébastien En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      waaa, merci pour cette réponse ultra rapide,
      si je ne l’insère pas mon code ne fonctionne pas mais le diaporama oui,
      bon je vais continuer à fouiller
      peut être que mon code n’est pas placé au bon endroit

      merci

    Répondre à ce message

  • Le 26 mars 2015 à 12:58, par coacolo En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

    Bonjour,

    J’ai installé la dernière version de spip3. J’installe spip jcycle en auto (le seul plugin avec yaml et saisies ) et impossible de le faire fonctionner. Si je met le code <sjcycle1> avec 1 le numéro de l’article où sont les photos dans l’article et que je clique sur enregistrer, il bloque et il faut faire une mise a jour de la page pour que le navigateur me rende la main. Je réenregistre et la tout se passe bien dans l’espace privé à part le fait que je ne vois absolument rien dans l’espace public.

    • Le 26 mars 2015 à 13:26, par chankalan En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      Bonjour,
      avez-vous bien terminé la configuration du plugin ? Il y a des paramètres obligatoires comme la hauteur et la largeur du diaporama... cf la page /ecrire/ ?exec=configurer_sjcycle

    • Le 26 mars 2015 à 14:02, par coacolo En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      Oui, j’ai laissé la configuration par défaut. En fait quand j’enregistre l’article avec le code jquery cycle, la zone article devient grisée et il faut que je fasse une mise a jour de la page pour reprendre la main. J’ai la version spip 3.0.17 et la dernière révision du plugin jcycle

    • Le 26 mars 2015 à 14:13, par chankalan En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      Je viens de faire l’installation de cette version de sjcycle sur SPIP 3.0.17 et je n’ai pas vu de soucis après la configuration. Avez-vous d’autres plugins actifs ? Vous avez tenté de vider le cache et de vider aussi le répertoire /local/ ?

    • Le 26 mars 2015 à 14:29, par coacolo En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      Oui j’ai vidé plusieurs fois le cache, C’est le seul plugin installé avec spip_bonux, yaml et saisies en auto. La base de donnée est une sqlite. Le php est du 5.4 et j’utilise les squelettes de base qui sont dans squelettes-dist.

    • Le 26 mars 2015 à 16:22, par coacolo En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      Ca fonctionne sous mysql.

    Répondre à ce message

  • Le 1er septembre 2014 à 15:07, par mirobolus En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

    Bonjour :-)
    Une ch’tite question : est-ce que le comportement en mediabox est dissociable d’un diaporama à un autre ou est-ce un réglage qui s’appliquera à tous les diaporamas de tout le site ?
    Merci !

    Répondre à ce message

  • Le 22 août 2014 à 01:04, par pamillet En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

    bonsoir

    premiers essais concluants sur des sites juste migrés sur spipr...

    mais je voudrais faire dérouler des images de différents articles sélectionnés sur mot clé pour « la une »...

    m’inspirant des modèles rubriques et aléas, j’ai fait le modèle « sjycle_motclef » ci-joint
    ca fonctionne presque...
    Je vois bien les images voulues, mais au lieu d’afficher les afficher en cycle, il les affiche les une en dessous des autres en même temps...

    pourtant, le modèle de base sjcycle sur un nr d’article fonctionne bien...

    merci d’avance d’une piste

    cordialement
    pam

    code ci-dessous

    [(#REM) Diaporama de logos articles sur mot clé ]
    [(#SET{nb,[(#ENV{nb,10})]})]
    [(#SET{fx,[(#ENV{fx,fade})]})]
    [(#SET{duree,[(#ENV{duree,5000})]})]
    [(#SET{largeur,[(#ENV{largeur,200})]})]
    [(#SET{hauteur,[(#ENV{hauteur,0})]})]
    [(#SET{motclef,[(#ENV{motclef,"en_une"})]})]


    <script type="text/javascript">/*<!#EVAL{chr(91)}CDATA#EVAL{chr(91)}*/
    jQuery(document).ready(function() {
            $('#sjcycle_alea').cycle({
                    fx:'#GET{fx}',
                    speed:1500,
                    timeout:[(#GET{duree})],
                    pause:1
            });
    });
    /*#EVAL{chr(93)}[(#EVAL{chr(93)})]>*/</script>

    <B_mot>
     <BOUCLE_mot(MOTS) {titre=#GET{motclef}}>
     <B_logoarticles>
            <div id="sjcycle_motcle">
            <BOUCLE_logoarticles(ARTICLES)
                                {titre_mot=#GET{motclef}}{par date}{0,#GET{nb}}>
                    <div class="sjcycle_motcle_img">
                            [<a href="#URL_ARTICLE">(#LOGO_ARTICLE_RUBRIQUE||image_reduire{#GET{largeur},#GET{hauteur}}
                   ||inserer_attribut{alt,""})</a>]
                    </div>
     </BOUCLE_logoarticles>
     </B_logoarticles>
     <//B_logoarticles>
    </BOUCLE_mot>
    </B_mot>
    <//B_mot>

    • Le 22 août 2014 à 09:23, par chankalan En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      Bonjour,
      il me semble que dans le script, il faut déclarer le bon id sur lequel appliquer le diaporama (ne pas laisser #sjcycle_alea) :

      1. $('#sjcycle_motcle').cycle({
      2. fx:'#GET{fx}',
      3. speed:1500,
      4. timeout:[(#GET{duree})],
      5. pause:1
      6. });

      Télécharger

    • Le 22 août 2014 à 23:59, par pamillet En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      merci, c’est bien ça, sinon le script ne démarre pas...

      j’ai progressé en faisant un modèle plus général, en normalisant la taille des images, et en affichant une des images de l’article ou le logo s’il n’y a pas d’image... toujours pour des articles sélectionnés sur un mot clef

      c’est presque parfait pour moi, sauf que le script se déclenche pour chaque article deux fois, une fois pour l’image si elle existe et une fois pour le logo... Pourtant, la partie logo est dans le code alternatif de la boucle docarticles, donc ne devrait exister que quand la boucle n’a pas trouvé d’image... ?

      merci d’avance d’une idée... ca peut devenir un modèle à inclure dans leplugin ?

      pam

      PS... j’en profite, je ne sais pas faire cette inclusion d’un bout de code téléchargeable comme texte... ?

      [(#REM) Diaporama de logos articles sur mot clé ]
      [(#SET{nb,[(#ENV{nb,10})]})]
      [(#SET{fx,[(#ENV{fx,fade})]})]
      [(#SET{duree,[(#ENV{duree,5000})]})]
      [(#SET{largeur,[(#ENV{largeur,400})]})]
      [(#SET{hauteur,[(#ENV{hauteur,0})]})]
      [(#SET{motcle,[(#ENV{motcle,"en_une"})]})]
      [(#SET{btn_pre,  [(#ENV{btn_precedent,0})]})]
      [(#SET{btn_suiv, [(#ENV{btn_suivant,0})]})]

      <script type="text/javascript">/*<!#EVAL{chr(91)}CDATA#EVAL{chr(91)}*/
      jQuery(document).ready(function() {
              $('#sjcycle_motcle').cycle({
                      fx:'#GET{fx}',
                      speed:1500,
                      timeout:[(#GET{duree})],
                      pause:1
              });
      });
      /*#EVAL{chr(93)}[(#EVAL{chr(93)})]>*/</script>


      <B_mot>
      <BOUCLE_mot(MOTS) {titre=#GET{motcle}}>
              <B_articles>
              <div id="sjcycle_motcle">
              <BOUCLE_articles(ARTICLES){titre_mot=#GET{motcle}}{par date}{0,#GET{nb}}>
                      <B_docArticle>
                      <div class="sjcycle_motcle_img">
                      <BOUCLE_docArticle(documents){id_article}{documents.extension==jpg|png|gif}{par hasard}{0,1}>
                              [<a href="#URL_ARTICLE">(#FICHIER
                                      |image_passe_partout{ #GET{largeur}, #GET{hauteur}}
                     |image_alpha{0}
                                      |image_recadre{ #GET{largeur},#GET{hauteur}, 'center'}
                                      |inserer_attribut{alt,""})</a>]
                      </BOUCLE_docArticle>
                      [<br /><center class="legende">(#MODELE{sjcycle_legende_longue}{id_article})</center>]       
                      </div>
                      </B_docArticle>
                      <div class="sjcycle_motcle_img">       
                              [<a href="#URL_ARTICLE">(#LOGO_ARTICLE_RUBRIQUE
                                      |image_passe_partout{ #GET{largeur}, #GET{hauteur}}
                     |image_alpha{0}
                                      |image_recadre{ #GET{largeur},#GET{hauteur}, 'center' }
                                      |inserer_attribut{alt,""})</a>]
                              [<br /><center class="legende">(#MODELE{sjcycle_legende_longue}{id_article})</center>]       
                      </div>
                      <//BOUCLE_docArticle>
              </BOUCLE_articles>
              </div>
              </B_articles>
              <//B_articles>
      </BOUCLE_mot>
      </B_mot>
      <//B_mot>
    • Le 24 août 2014 à 18:17, par pamillet En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      je suis arrivé au bout avec un peu d’aide...
      il y avait qqerreurs ds ce script un //BOUCLE_ARTICLE qui aurait du être //B_ARTICLE
      une boucle MOT qui ne sert à rien
      et surtout ce qui provoquait le pb, un
      #TITRE qui était dans la boucle DOCUMENTS et faisait donc que le contenu n’était pas vide ...

      voila le script que j’ai appelé sjcycle_motcle...

      <B_articles>
      <div id="sjcycle_motcle">
      <BOUCLE_articles(ARTICLES){titre_mot=#GET{motcle}}{par date}{0,#GET{nb}}>
         <B_docArticle>
         <div class="sjcycle_motcle_img">
         <BOUCLE_docArticle(documents){id_article}{documents.extension==jpg|png|gif}{par hasard}{0,1}>
             [<a href="#URL_ARTICLE">(#FICHIER
                 |image_passe_partout{ #GET{largeur}, #GET{hauteur}}
                    |image_alpha{0}
                 |image_recadre{ #GET{largeur},#GET{hauteur}, 'center'}
                 |inserer_attribut{alt,""})</a>
             ]
         </BOUCLE_docArticle>
                 [<br /><center class="legende">(#MODELE{sjcycle_legende_longue}{id_article})</center>]
         </div>
         </B_docArticle>
         <div class="sjcycle_motcle_img">
             [<a href="#URL_ARTICLE">(#LOGO_ARTICLE_RUBRIQUE
                 |image_passe_partout{ #GET{largeur}, #GET{hauteur}}
                    |image_alpha{0}
                 |image_recadre{ #GET{largeur},#GET{hauteur}, 'center' }
                 |inserer_attribut{alt,""})</a>
                 [<br /><center class="legende">(#MODELE{sjcycle_legende_longue}{id_article})</center>]
             ]
         </div>
         <//B_docArticle>
      </BOUCLE_articles>
      </div>
      </B_articles>

    Répondre à ce message

  • Le 27 juillet 2014 à 18:44, par pballot En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

    Bonjour,
    mon site est sous SPIP 3.0.16 avec le squelette Sarka SPIP 3.3.45
    J’ai installé JQuery cycle v 2.3.0 et Yaml 1.5.1 et les plugins CFG, Saisies, Fonctions images Spip Bonux et Médias sont à jour et les autres aussi.
    Malgré les réglages initiaux du plugin JQuery cycle (positionnement au centre) et l’insertion de <sjcycle5> dans l’article et moultes autres essais, impossible de voir le diaporama au milieu de la page (il boude à gauche, peut passer à droite si paramétré mais pas au centre).
    Merci de m’orienter vers une solution.
    Cordialement
    Patrick

    • Le 28 juillet 2014 à 14:25, par chankalan En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      Bonjour,
      c’est peut-être un soucis de cumul de styles CSS, est-ce que le positionnement centré fonctionne bien sur un squelettes-dist ? Sinon il faudrait analyser la page existante. Le positionnement est fonction de la largeur du diaporama et de celle de l’interface, c’est à vérifier...
      et <sjcycle5|center> se présente comment ?

    Répondre à ce message

  • Le 22 mai 2014 à 18:32, par Elven Elder En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

    Kaoha nui,

    J’utilise ce plugin pour afficher en vignette les images d’un article. Seulement, j’aimerais limiter l’affichage aux trois premières images de l’article. Y’a-t-il une solution ?

    Merci ! ^^

    Répondre à ce message

  • Le 15 mai 2014 à 17:08, par fhamonno En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

    Bonjour

    Ce plugin marche très bien... mais j’ai un pb de positionnement.

    Mes pages ont une zone verticale à gauche pour le menu de navigation.
    Dans la partie droite, j’affiche un diaporama via la balise .
    Le diaporama se positionne, dans la zone droite, après la zone gauche !
    Toute la zone droite située contre la zone gauche est vide !

    A l’aide du débogueur de Firefox j’ai trouvé que, dans un fichier spip.php (?), le style « clear:both » s’appliquait aux classes .dsjcycle et .sjcycle_legende, et que si je le supprimais le diaporama remontait bien en haut de la zone droite.

    Je n’ai trouvé le style « clear:both » que dans le fichier sjcycle.css.html, où je l’ai supprimé.
    Mais après désinstallation puis ré-installation (pour cfg ? ) du plugin, le style « clear:both » est toujours là et mon diaporama toujours en bas de page !!!

    Y a-t-il une manip spéciale à faire ? Pourquoi le style est-il trouvé par le débogueur dans un fichier spip.php (alors qu’UltraEdit ne l’y trouve pas) ?

    Merci pour toute piste.
    Cordialement
    François Hamonno

    • Le 15 mai 2014 à 22:59, par chankalan En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      Bonjour,
      de manière générale, tous les fichiers d’un plugin peuvent être surchargés dans le dossier « squelettes » : c’est à dire que lorsqu’on a besoin de modifier un fichier, il faut ensuite l’enregistrer dans le dossier « squelettes » du site de manière à ne pas perdre les modifications.
      Pour les styles, il suffirait de modifier la règle en clear:none; par exemple et d’enregistrer sjcycle.css.html dans le dossier « squelettes » : c’est cette version qui sera prise en compte pour l’avenir, que le plugin soit mis à jour ou pas...

    • Le 17 mai 2014 à 15:21, par rubenxela En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

      J’ai numéroté mes titres et tout roule comme je voulais merci.

    Répondre à ce message

  • Le 17 mai 2014 à 00:58, par rubenxela En réponse à : Plugin Spip jQuery Cycle (pour Spip 2.1 et 3)

    Bonjour,
    Merci pour cet excellent plugin. Pour des raisons de vélocité du script / hébergement j’installe pour un nouveau site un spip 2.1, je ne connais donc pas encore la version pour spip 3.0 de ce plugin.
    Bref, j’ai une question car je ne comprends pas bien comment son sélectionnées les images pour le défilement : Y aurait t-il moyen de définir la première image ?
    Merci

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Metas +

    3 décembre – commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Import ICS 2 (agenda distant)

    2 août – 35 commentaires

    La version 2 du plugin « import ICS » en reprend la principale fonctionnalité, à savoir l’ajout automatique d’évènements distants dans la liste des évènements d’un site. À la différence de la première version, elle ne dépend pas du plugin « Séminaire » et est (...)

  • Newsletters

    16 janvier 2013 – 374 commentaires

    Ce plugin permet de composer des Info-lettres. Par info-lettre, on désigne ici le contenu éditorial qui va être composé et envoyé par courriel à une liste d’inscrits. Le plugin permet de composer une info-lettre à partir d’un modèle pré-composé, (...)

  • CKeditor 3.0

    4 octobre 2009 – 1217 commentaires

    CKeditor est l’évolution de l’éditeur WYSIWYG : FCKeditor, avec ce plugin vous pourrez utiliser cet éditeur à la place de l’éditeur de spip tout en laissant le choix à vos auteurs de l’éditeur qu’ils préfèrent utiliser. Attention : cet éditeur WYSIWYG (...)

  • GIS 4

    11 août 2012 – 1284 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

Ça spipe par là