Cycle2

La seconde version de la librairie Javascript « jQuery Cycle », qui permet de produire des diaporamas, se nomme « Cycle2 » : http://jquery.malsup.com/cycle2/.

Voici cette nouvelle librairie mise en plugin pour SPIP.

Si vous utilisez déjà « jQuery Cycle », vous pouvez le garder tel qu’il est. Cette version est à considérer comme un nouveau diaporama.

Bien que les modèles et certains paramètres aient été conservés pour tenter de préserver une certaine compatibilité, le rendu n’est pas assuré entre la version 2 et cette version 3.

Le principal avantage de cette nouvelle version : l’affichage est adapté aux différentes largeurs d’écrans (responsive design) selon l’interface du site.

Il est nécessaire d’utiliser un squelette qui respecte la norme HTML5.

Pour une utilisation courante, le diaporama (slider pour les anglophones) s’insère dans les textes par le modèle <articleN|cycle> où « N » est le numéro de l’article dont on veut afficher les images.

Pour la compatibilité avec le plugin « jQuery Cycle » le modèle <sjcycleN> est tout à fait fonctionnel. La différence est que ce dernier n’affiche les images de l’article « N » que lorsqu’il est inclus dans l’article « N » lui-même.

Paramétrage général

Si un paramètre de la librairie a été implémenté, il l’a été fidèlement, pour rester dans une logique simple par rapport à Cycle2. On retrouve toute la documentation de référence ici : http://jquery.malsup.com/cycle2/api/.

Par exemple : data-cycle-random=true est un paramétrage du plugin d’origine qui fait tourner les images dans un ordre aléatoire. Ce paramètre est transposé dans le plugin SPIP, et on lui donne une valeur à l’insertion du modèle comme ceci : <articleN|cycle|random=true>.

Si le paramétrage général du plugin prévoit déjà l’ordre aléatoire, toutes les insertions de <articleN|cycle> joueront le diaporama dans un ordre aléatoire. Mais dans ce cas, il est aussi possible d’insérer un diaporama sans ce paramètre avec l’écriture <articleN|cycle|random=false>-

La page de configuration (dans l’administration de SPIP, une fois le plugin installé comme les autres, se rendre dans « Squelettes > Cycle2 », accès limité aux webmestres du site) offre un certains nombre d’options qui s’appliqueront à toutes les inclusions du modèle <articleN|cycle> :

  • Largeur maximum (par défaut 640) : 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.
    • |largeurmax=350
  • Hauteur maximum : 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.
    • |hauteurmax=240
  • Hauteur automatique : 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.
    • |autoheight=600:400 ou |autoheight=container
  • 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).
    • |timeout=4000
  • Temps de transition entre chaque image (en millisecondes)
    • |speed=1000
  • Temps d’attente : Temps d’attente avant le départ du diaporama (en millisecondes).
    • |delay=6000
  • Effet de transition : voir les exemples en ligne - fade - fadeout - scrollHorz - scrollVert - flipHorz - flipVert - shuffle - tileSlide - tileBlind - carousel - none
    • exemple : |fx=scrollHorz
    • pour |fx=tileSlide et |fx=tileBlind, option supplémentaire pour jouer l’animation verticalement
    • pour |fx=carousel, options supplémentaires pour :
      • choisir le nombre de diapositives affichées simultanément (carousel-visible) : |carouselvisible=3
      • le décalage (en pixels) de la première diapositive (carousel-offset) : |carouseloffset=30
      • définir la dimension des vignettes. Largeur (carousel horizontal) ou hauteur (carousel vertical) d’une diapositive (carousel-slide-dimension) : |carouselslidedimension=130
      • jouer le déplacement verticalement (carousel-vertical) : |carouselvertical=true ou |carouselvertical=false
      • adapter le carousel à la mise en page, seulement si horizontal (carousel-fluid) : |carouselfluid=true ou |carouselfluid=false
  • À l’envers : Joue le diaporama à rebours :
    • |reverse=true ou |reverse=false
  • Synchronisation des animations, l’arrivée d’une image est simultanée avec le départ de la précédente :
    • |sync=true ou |sync=false
  • Pause au survol : |pauseonhover=true ou |pauseonhover=false
  • Message lors de la pause au survol, laisser vide pour ne rien afficher :
    • |pauseonhovercontent=en pause
  • Ordre aléatoire :
    • |random=true ou |random=false
  • Bouton « suivant » : cibler un bloc html par sa classe ou son identifiant. Par défaut « .cycle-next » place une flèche à droite au survol de l’image. [1] :
    • |next=.cycle-next
  • Bouton « précédent » : cibler un bloc html par sa classe ou son identifiant. Par défaut « .cycle-prev » place une flèche à gauche au survol de l’image. [1] :
    • |prev=.cycle-prev
  • En boucle, à 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) :
    • |allowwrap=true ou |allowwrap=false
  • Départ arrêté :
    • |paused=true ou |paused=false
  • Pagination : cibler un bloc html qui contiendra la pagination en nommant sa classe ou son identifiant css. Par défaut « .cycle-pager » place les boutons par-dessus l’image. [1] :
    • |pager=.cycle-pager
  • Afficher une légende pour chaque image [1]. Par défaut « .cycle-caption » :
    • |caption=.cycle-caption. Il est possible de choisir le contenu de cette légende (cf la documentation) :
    • Afficher le décompte/le total : par défaut
    • Afficher le titre du document : |captiontemplate="{{alt}}"
    • Sur-mesure : |captiontemplate="images {{slideNum}} sur {{slideCount}}"
    • Sur-mesure : |captiontemplate=image {{slideNum}} : {{cycleTitle}} {{cycleDesc}}
  • Afficher une seconde légende en surimpression [1], un calque noir/transparent sur le bas de l’image pour afficher une légende avec Titre et Description de l’image :
    • |overlay=.cycle-overlay
  • Format de la légende en surimpression, par défaut le titre et la description de l’image, vous pouvez personnaliser le contenu suivant les exemples :
    • |overlaytemplate="<span class=left>&nbsp;<br>{{slideNum}} / {{slideCount}}</span>{{date}} - {{title}}<br>{{desc}}"
  • Choisir une couleur de fond, une valeur de couleur hexadécimale avec le « # », ex « #C5E41C ». La valeur « transparent » rétabli la transparence. :
    • |backgroundcolor=#b5b5b5
    • en installant le plugin Palette vous pourrez piquer la couleur sur une palette.

Paramètres tooltip et mediabox

  • Info au survol avec Tooltip : peut être surchargé lors de l’inclusion avec |tooltip=oui ou |tooltip=non
  • Afficher les caractéristiques techniques de l’image : peut être surchargé lors de l’inclusion avec |tooltip_carac=oui ou |tooltip_carac=non
  • Mediabox : ouvre l’image d’origine suivant vos paramétrages de la mediabox (dans l’administration : Squelettes > Boîte multimédia. Peut être surchargé lors de l’inclusion avec |mediabox=oui ou |mediabox=non

Inclure le modèle <articleN|cycle>

On l’a déjà vu plus haut, pour une utilisation courante, le diaporama s’insère dans les textes par le modèle <articleN|cycle> où « N » est le numéro de l’article dont on veut afficher les images. On peut insérer ce modèle dans n’importe quel autre article que l’article N lui-même.

Chaque paramètre de la configuration générale est actif et en même temps corrigeable lors de l’inclusion. (cf. plus haut pour chacun d’eux)
En dehors de ces paramètres généraux, voici quelques paramètres optionnels pour ce modèle :

Alignement dans le texte

Comme un autre document, on peut aligner le diaporama : |left, |right ou |center comme ceci <articleN|cycle|left>
S’il n’est pas précisé, l’alignement est « centré ». L’effet rendu dépendra de la valeur saisie pour le paramètre « Largeur maximum » et de l’interface du site. L’alignement flottant est intéressant si le diaporama est significativement moins large que le texte lui-même.


Choisir les images
<articleN|cycle|docs=1,5> fait tourner les images 1 et 5 de l’article « N » en diaporama, dans l’ordre du titre des images.
« N » n’est pas obligatoire. On peut maintenant écrire <article|cycle|docs=1,2,3,6,9> pour demander les images 1,2,3,6,9 même si elles sont liées à des articles différents, voir des rubriques ou d’autres objets.

Attention : dans le cas d’une utilisation dans un squelette, l’écriture diffère :
[(#MODELE{article_cycle,id_article=N,docs=21|22|24})]
ou
[(#MODELE{article_cycle,docs=21|22|24})]

Plusieurs diaporamas par page
On peut inclure plusieurs diaporamas par page de la même façon :
<articleX|cycle>
<articleY|cycle>
<articleZ|cycle>

Dans ce cas, si les boutons « suivant/précédent » sont activés dans la configuration générale, ils actionneront tous les diaporamas en même temps. Pour corriger cet effet, il est préférable de personnaliser chaque diaporama comme ceci :

<articleN|cycle|prev=.pre1|next=.suiv1>
<a href="#" class="pre1">précédent</a>
<a href="#" class="suiv1">suivant</a>
<articleN|cycle|prev=.pre2|next=.suiv2>
<a href="#" class="pre2">précédent</a>
<a href="#" class="suiv2">suivant</a>
<articleN|cycle|prev=.pre3|next=.suiv3>
<a href="#" class="pre3">précédent</a>
<a href="#" class="suiv3">suivant</a>

Encore faut-il ensuite styler ces balises HTML aux couleurs de votre site...

Paramètre « lien_parent »
|lien_parent=oui
Crée un lien sur chaque image vers l’objet auquel elle est liée, que ce soit les images d’un seul article, ou bien sélectionnées individuellement |docs=1,2,3,6,9. Si une image est liée à plusieurs objets, ce sera le dernier en date qui sera utilisé.

Paramètres « lien_article » et « forcer_lien_reference »

<articleN|cycle|lien_article=XXX|forcer_lien_reference=oui>


Permet de poser un lien sur le diaporama vers un article, celui qui contient les images ou un autre. 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{article_cycle,id_article=16,lien_article=171})] : diaporama sur toutes les images de l’article 16 avec un lien vers l’article 171 (ou sa traduction)
-  

[(#MODELE{article_cycle,id_article=16,lien_article=171|forcer_lien_reference=oui})]

 : c’est pareil sauf que le lien ne se fera pas sur la traduction même si elle existe.


Paramètres « liens_individuels »
<articleN|cycle|liens_individuels=article>
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 :
-  <article16|cycle|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 » :
<articleN|cycle|limite=3>
Sortira les trois premières images de l’article « N » dans le diaporama.

Diaporama des images d’une rubrique

Le modèle rubrique_cycle.html est fait pour ça.
<rubriqueN|cycle> où « N » est l’identifiant de la rubrique concernée.
Pour compatibilité, le modèle sjcycle_rubrique.html est conservé et permet d’inclure <sjcycle6|rubrique>

Diaporama des sites

Le modèle sjcycle_sites.html est conservé et transposé pour cette version du plugin.

Diaporama des albums

Le plugins Albums permet de regrouper des documents.
L’inclusion de <albumN|cycle> affiche un diaporama des images de l’album N.

Notes

[1Peut aussi prendre la valeur de la classe ou de l’identifiant (id) de n’importe quelle balise HTML... astuce : <articleN|cycle|next=.suivante><a href="#" class="suivante">avance rapide</a> dans un texte placera le bouton d’avance rapide sous l’image.

Discussion

49 discussions

  • 1

    Bonjour,

    je voudrais savoir si il est prévu de faire supporté les images avec l’extension .webp par le plugin

    merci

    Répondre à ce message

  • 2

    Bonjour,

    Je suis en train de migrer un site 3.2 vers 4.2 et j’ai l’impression qu’il y a un petit truc qui coince sous SPIP 4.2
    J’ai une page "diaporama" appelée par articleXX|cycle.

    • Sous 3.2, tout est OK.
    • Sous 4.2, « Erreur d’exécution plugins/sjcycle/modeles/article_cycle.html | File […]/plugins-dist/filtres_images/filtres/images_transforme.php Line 380 : Unsupported operand types : int - string »
      C’est cycle ou plugins-dist/filtres_images qui est en cause ?
    • Contrairement à ce qui est indiqué dans la doc, il semble qu’il faille indiquer une valeur au champ « Hauteur maximum » dans le panneau de configuration du plugin.
      La doc indique que : « en laissant le champ vide, les images seront toujours à la largeur maximum possible(..) »,
      -  si on ne rentre pas de valeur dans ce champ, cela provoque l’erreur indiquée ci-dessus.
      -  En saisissant une valeur, l’erreur disparaît.
      (SPIP 4.2 + PHP 8.2)

    • Pourrais tu regarder dans ta version quel est le code qui figure en ligne (380) dans ta version de /plugins-dist/filtres_images/filtres/images_transforme.php et le citer ici et indiquer quelle est la fonction (définie juste au dessus) qui inclue ce code ?

    Répondre à ce message

  • Bonjour et merci pour ce plugin... Y a-t-il un retour pour l’utilisation de ce plugin sous spip 4.2 ? Quelqu’un a-t-il déjà essayé en modifiant les bornes de version ?

    Répondre à ce message

  • 1

    Bonjour

    Quelques tests avec un spip 4.1.5 et php 8.1

    Public
    Si on ne définit pas la hauteurmax dans le raccourci, on a le message d’erreur signalé par spipfactory :

    Erreur d’exécution ../plugins/auto/sjcycle/v3.5.3/modeles/article_cycle.html | File […]/plugins-dist/filtres_images/filtres/images_transforme.php Line 379 : Unsupported operand types : string - string

    Privé
    Plein de « Warning : Undefined array key in ... » dans la page de configuration.
    Il faudrait donc définir une valeur pour chaque clé dans sjcycle_administrations.php

    • Pour compléter : si on indique une valeur pour la hauteurmax dans la configuration du plugin, on n’a plus d’erreur d’exécution. Peut-être faudrait-il mettre une valeur par défaut ?

    Répondre à ce message

  • 1

    Yo
    malgré un revert en php 7.4

    j’ai toujours le pb, il semble ne plus fonctionné

    <article201|cycle|center|next=.cycle-next|prev=.cycle-prev|overlay=.cycle-overlay>

    exemple :
    https://nature-en-tarentaise.org/201

    une idée

    Répondre à ce message

  • Bonsoir,
    je rencontre un bug suite au passage a php8
    SPIP 4.1.5 + SPIP Cycle2 3.5.3

    Erreur d’exécution plugins/sjcycle/modeles/article_cycle.html | File […]/plugins-dist/filtres_images/filtres/images_transforme.php Line 379 : Unsupported operand types : string - string  /   / 

    une bonne ame pour me donner une piste
    merci

    Répondre à ce message

  • 4
    Christophe Noisette

    Salut
    j’ai par mégarde supprimer ce plugin. Je l’ai donc réinstallé et depuis il a un comportement bizarre. Les photos s’enchainent à toute vitesse et je ne peux rien controler.
    Voici un exemple de page https://lairederien.net/915
    J’ai pourtant chercher à comprendre avant de vous écrire... je deviens un peu chèvre, j’avoue. Merci pour vos conseils à venir.
    Je suis en spip 3.2.1 et j’utilise la version 3.5 de sjcycle.
    Elle est notée en test, est-ce ceci ? Aurais je mis une version trop récente ?
    Christophe.

    • Christophe Noisette

      En remettant la version 3.4.21 le diapo remarche... bonne journée. C.

    • En effet, je confirme, la version 3.4.21 fonctionne très bien en spip4.
      Il y a donc un souci avec la version 3.5.0

    • robin dominique

      bonjour, suite à vos information j’ai tenté de remplacer la version 3.5 par la version 3.4 21. Je l’ai installée manuellement dans le dossier plugin. Il s’est affiché comme plugin incompatible et quand j’ai voulu la mettre en place spip a refusé de le faire en raison de son incompatibilité en générant une erreur. y a t il d’autres solutions car j’utilisais aussi Galleria qui ne fonctionne plus également. Je me contente de nivoslider que j’aime moins mais qui fonctionne. Malheureusement je n’ai pas les compétences pour aider à trouver la solution je vais donc retenter ma chance ultérieurement.
      dr

    • Bonjour

      Pour utiliser des plugins spip3 avec spip4, il faut mettre ceci

      <?php
      define('_DEV_VERSION_SPIP_COMPAT',"3.2.99");

      dans config/mes_options.php

    Répondre à ce message

  • Bonjour tout le monde,
    je rapporte un bug que j’expérimente sur un site en dev sur un seveur local.

    Le carousel fonctionne bien, mais dès lors que je change les valeurs de de l’image, en hauteur et en largeur, sur la partie admin du plugin, plus rien ne fonctionne.

    j’ai une erreur qui s’affiche :

    Erreur d’exécution plugins/auto/sjcycle/v3.5.0/modeles/article_cycle.html | File […]/plugins-dist/filtres_images/filtres/images_transforme.php Line 384 : Unsupported operand types : string - string

    Il semblerait qu’un integer soit attendu et non un string.

    Merci de vos réponse

    Répondre à ce message

  • 1

    bonjour,
    ravi de cette mise à jour pour Spip4 ! J’étais passé en en Spip 4 et contraint de laisser mes pages avec les codes cycle dedans. Je viens de remettre donc la version 3.5 sur un squelette html5 : Html5up Editorial 1.3.12 et avec le code que j’avais en spip 3.2

    <article424|cycle|right|docs=473,474,475,476|largeurmax=150|hauteurmax=380|overlay=.cycle-overlay>

    je n’ai que l’image 476 (la dernière) qui s’affiche. je sais fouiller dans le code : que vous faut-il faire pour vous aider à la mise au point svp ?
    merci d’avance.

    • Bonjour,
      il me semble que le diaporama reste sur l’image et ne tourne pas.
      Je ne vois pas trop pourquoi, je fais un ticket...

    Répondre à ce message

  • Bonjour,
    Ce plugin est indiqué comme compatible avec Spip4, je souhaitais m’en assurer. Dans le code source,
    https://git.spip.net/spip-contrib-extensions/sjcycle.git
    il est indiqué : « Version 3.5.0 en test, compatible SPIP 3.0-4.0 avec quelques refactoring ». J’en déduis qu’il faut faire quelques aménagements ? Que faut-il faire exactement ?
    Pour l’instant, aprés l’avoir simplement sous spip téléchargé et activé, il ne fonctionne pas sur mon site même si je désactive les autres plugins.
    En remerciant par avance ceux qui ont des idées de les partager.
    Cordialement à tous. Luc

    Répondre à ce message

  • 2

    La nouvelle version 3.5 ne fonctionne pas sur notre site en SPIP 3.2.11 [24473], alors que votre version 3.4.21 est OK => https://laccreteil.fr

    Répondre à ce message

  • Bonjour

    Je viens de m’apercevoir que le plugin cycle2 qui fonctionne très bien sur spip3.2 ne fonctionne plus sur spip4

    Ceci avec le même hébergeur et le mêmes réglages.

    Répondre à ce message

  • 2

    bonjour, avez vous une piste pour pouvoir utilisé ce plugin avec la version 4 de spip
    Merci.

    • Tu peux forcer la possibilité d’utiliser des plugins pas mis à jour av ec la constante _DEV_VERSION_SPIP_COMPAT.

      Je sais plus dans quel sens elle marche mais ajoute ceci dns ton fichier mes_options.php :

      <?php
      define('_DEV_VERSION_SPIP_COMPAT', '4.0.0');

      Ou bien sinon ceci

      <?php
      define('_DEV_VERSION_SPIP_COMPAT', '3.2.0');
    • Merci Jluc ( avec beaucoup de retard)

    Répondre à ce message

  • Bonjour
    J’utilise ce plugin avec un nouveau site (spip 3.2) et un thème html5up (Spectral)
    J’ai repris d’anciens articles et rubriques contenant cycle2 pour des images en album.

    J’ai été surpris que dans une rubrique,
    -  le modèle <albumN|cycle> permet bien d’afficher les images de l’album
    mais que dans un article (de cette meme rubrique)
    -  le modèle <albumN|cycle> n’affiche pas les images de ce même album

    le mode inclure indique dans les 2 cas

    plugins/auto/sjcycle/v3.4.20/modeles/album_cycle.html
    plugins/auto/sjcycle/v3.4.20/modeles/article_cycle.html

    mais seul dans la rubrique les images s’affichent

    Je ne me souviens plus en spip 2.X comment se comportait de telles configs,

    que dois-je en penser ?
    Merci

    Répondre à ce message

  • 1

    bonjour,
    j’aime bien ce plugin .
    J’ai un soucis car je veux mettre les explications de la description , alors j’ai mis le code :

    <article402|cycle|right|docs=458,459,665|largeurmax=400|overlay=.cycle-overlay>

    mais le texte assez long , déborde sur l’image : comment faire pour que cela s’affiche en dessous svp ?
    merci

    • Bonsoir,
      je crois que ce n’est pas très bien adapté aux longs textes, la situation est qu’on cherche à utiliser le maximum d’espace pour l’image, mais avec du texte, on peut plus calibrer l’espace de la même manière.
      Sinon il y a une adaptation de la mediabox de SPIP qui permet de mettre du texte par-dessus l’image, et on peut masquer ce texte pour voir l’image entière, ou le réafficher pour le lire : https://contrib.spip.net/Mediabox-avec-texte

    Répondre à ce message

  • 8

    J’ai un site sous ESCAL et je viens d’installer Cycle2 (à la place de nivoslider). Je suis plutôt satisfait de Cycle2, mais j’ai cependant rencontré un problème : j’utilise le sommaire automatique et les titres des images du diaporama apparaissent dans le sommaire (au niveau 2 apparemment). Ai-je fait une erreur de paramétrage ou y a-t-il une autre raison ? Merci d’avance pour votre aide.

    • spipfactory

      Bonsoir,

      est il possible d’avoir l’url du site.
      j’aimerais pouvoir essayé de reproduire le bug décrit sur la plateforme escalienne

      merci

    • Bonjour
      Voici l’URL concernée : https://050mariannedebequet.spipfactory.fr
      C’est dans l’article 18 (Courrier pour l’étranger) que j’ai le problème. A noter que j’ai choisi l’option « insertion dans le texte à la demande » pour ne plus avoir un sommaire de plusieurs dizaines de lignes dans l’article en question.
      Bernard

    • Hello

      As-tu résolu ton souci ?

    • Non, rien de nouveau. Je ne comprends pas la cause de ce dysfonctionnement.

    • Peux-tu remettre le sommaire et reproduire le bug que j’y jette un œil ?

    • Jean-Christophe
      J’ai rajouté en tête de l’article Courrier pour l’étranger, et on retrouve le problème signalé.
      Bernard

    • Avec quel plugin le sommaire est-il ajouté ?
      S’il s’agit de « sommaire automatique » ou de la lame correspondante du couteau suisse, tu peux choisir de n’afficher que le premier niveau.

    • J’utilise « sommaire automatique ». Effectivement, en relisant la doc du plugin, j’ai vu qu’on pouvait limiter à un niveau. Mais ce sera le cas pour tous les articles alors ? Je vais regarder cela de plus près.

    Répondre à ce message

  • 1

    Bonjour,
    y a-t-il une astuce pour panacher les effets de transition ?

    • Bonjour,
      je ne crois pas que ce soit possible simplement. Sur la page de démonstration les transitions sont toutes présentées séparément, ou sinon il faudrait peut-être faire une suite de plusieurs diaporamas insérés les uns dans les autres, mais c’est bien compliqué juste pour ça il me semble : http://jquery.malsup.com/cycle2/demo/nested.php

    Répondre à ce message

  • 2

    Bonjour,

    J’utilise depuis longtemps le plugin pour afficher des diapo d’article.

    aujourd’hui j’ai eu besoin de faire un diapo sur une rubrique.

    j’ai voulu utiliser dans mon squelette :

    [(#MODELErubrique_cycle,id_rubrique=3)]

    Ça n’a pas fonctionné (rien ne s’affiche).

    Qu’à celà ne tienne, j’ai fini par tester directement dans un article :
    <rubrique3|cycle>

    et là, surprise rien ne s’affiche non plus.

    Où peut être le problème ?

    Merci de votre aide.

    LaLy

    • Bonjour,
      le modèle rubrique_cycle affiche normalement les documents liés à la rubrique... sinon il faut peut-être utiliser le modèle article_cycle en ciblant les documents à afficher avec le paramètre docs=1,2,3,4 ?

    • JE viens de comprendre mon problème.
      J’ai mal compris l’utilisation du modèle rubrique.
      Je pensais qu’il permettait d’afficher tous les documents inclus dans une rubrique, articles compris.
      Ce qui n’est pas le cas, ce sont juste les documents attachés directement à une rubrique.

      Je vais devoir trouver une autre solution.

      Excusez pour le dérangement.

    Répondre à ce message

  • 1
    mel_lariviere

    je n’ai aucun problème, c’est juste pour remercier l’auteur de cet addon.
    j’ai galéré mais au final, c’est super :)
    merci encore

    • :o)
      La galère, c’était pour comprendre comment inclure le diaporama et utiliser les paramètres ?

    Répondre à ce message

  • 1

    Bonjour
    J’ai une page sur laquelle je liste plusieurs diaporamas photos à l’aide du modele album_cycle avec paramètres :

    (#MODELE{album_cycle, hauteurmax=80, fx=carousel, paused=true, allowwrap=false})

    Les réglages et paramètres font que les photos sont affichées par vignettes placées les unes à côté des autres horizontalement.
    Ce script est placé dans un INCLURE avec paramètre self=#SELF

    <INCLURE{fond=inc/mon_inclure}{lang}{self=#SELF}>

    Pas de pb jusque là.

    Comme il y a de nombreux albums à afficher, je les ai placés les uns au dessous des autres avec une pagination pour voir les suivants sur d’autres pages.
    Tout va bien tant que je laisse le paramètre SELF au niveau de l’appel de l’INCLURE.
    Par contre, si je veux une pagination ajax et que je remplace SELF par

    {env}{ajax}

    le style du modèle n’est plus respecté sur la page appelée. Comme si les paramètres du modèle ne suivaient pas dans la pagination ajax. Les vignettes des albums sont affichées verticalement en colonnes et non plus horizontalement.
    Avez-vous déjà rencontré ce PB ?
    Merci d’avance pour vos réponses...

    • Bonjour,
      l’inclure chargé en ajax n’arrive pas dans la page avec le javascript ni les styles nécessaires au diaporama. Il faudrait que les déclarations ajoutées par le plugin dans le head soit aussi présentes dans l’inclure lui-même : un lien vers les styles et un lien vers le javascript.
      ... à tester

    Répondre à ce message

  • 7

    Vraiment très bien ce plugin. Je l’ai surchargé pour n’afficher que le portfolio

     {mode=documents} 

    et ajouter l’option pour avoir les vignettes à coté dans l’appel du modèle

     pager=custom-pager#ID_ARTICLE 

    Juste une remarque , pourquoi ne pas avoir mis les javaScript compressés ?

    • Et bien ils sont tous compressés par SPIP dès qu’on active l’option de compression, dans « Configuration > Fonctions avancées », ce qu’on ne manque pas de faire dès que le site est en production... ;o)

    • Bonjour DjackO
      Pourrais-tu stp m’indiquer la « surcharge » que tu a faites pour obtenir uniquement les « documents » d’un article ?

      {mode=document}

      Cela me serait très utile pour limiter l’affichage aux seuls images des portfolios.
      Y-a-t-il possibilité d’inclure cette fonctionnalité dans les prochaine version du plugin ?
      Merci d’avance pour votre réponse.

    • Bonjour DjackO
      Pourrais-tu stp m’indiquer la « surcharge » que tu a faites pour obtenir uniquement les « documents » d’un article ?

        {mode=document}

      Cela me serait très utile pour limiter l’affichage aux seuls images des portfolios.
      Y-a-t-il possibilité d’inclure cette fonctionnalité dans les prochaine version du plugin ?
      Merci d’avance pour votre réponse.

    • Oups
      Désolé pour ce doublon...

    • Bonjour JeanLuc,
      Après une recherche dans mes projets, j’ai retrouvé les modèles sjcycle.html et sjcycle_alea.html que je peux vous envoyer. Ils ne sont pas commentés et je n’y ai pas touché depuis 2016, car je n’utilise plus ce plugin.
      Cependant je ne sais pas comment vous envoyer ces fichiers car je ne peux joindre de zip à ce commentaire.

    • Bonjour DjackO
      Tout d’abord, merci pour votre réponse.
      Je ne sais pas comment envoyer mon email par MP sur ce forum...
      Mais le plus simple ne serait-il pas de copier coller les lignes modifiées de ces fichiers dans votre réponse sur ce forum ?
      A vous lire.

    • Bonjour DjackO
      Finalement, j’ai retrouvé le fichier et la boucle à modifier pour avoir uniquement les images du portfolio des articles. J’ai fait du coup une surcharge du modèle que j’ai enregistré dans le répertoire « squelettes/modeles/ ».
      Cela fonctionne très bien. Merci pour ton aide.

    Répondre à ce message

  • 3

    Bonjour,
    Bravo pour ce plugin !
    Je souhaite réaliser un tableau d’information avec du texte (Ce qui semble possible : http://jquery.malsup.com/cycle2/demo/non-image.php) avez-vous développé cette fonction ?

    En attendant, il est possible de le faire également en PNG avec transparence et ainsi mélanger texte + images en une image PNG comme en première page de notre site http://laccreteil.fr .
    Bonne journée.
    Michel

    • Bonjour,
      c’est déjà possible soit d’avoir un bloc uniquement de texte : il faut cibler le bloc html qui doit être la diapositive, soit une image avec une description par-dessus : il faut voir par exemple du côté du paramètre « caption »....

    • Merci beaucoup pour ce retour très rapide.
      Concernant les blocs html à cibler, doivent-ils être intégrés à la suite en div, comme dans l’exemple :

      <div style="background:#fcc">
              <p>Lorem ipsum dolor ...
          </div>
          <div style="background:#cfc">
              <p>Lorem ipsum dolor ...
          </div>
          <div style="background:#ccf">
              <p>Lorem ipsum dolor ...

      ou bien par une autre méthode ?
      Dans ce cas, laquelle est la mieux adaptée ?
      Bonne journée.
      Michel

    • Pour ça tout dépend du balisage HTML qu’on a décidé d’avoir, que ce soit des balises <li> dans une liste ou bien des <div>, on peut aussi juste cibler une classe par exemple « .diapo » et le diaporama se déclenchera... il faudra certainement ajuster les styles, mais le diaporama devrait fonctionner.

    Répondre à ce message

  • 3

    Bonjour et merci pour ce travail.

    J’essaye d’afficher un diaporama de toutes les images de mon site, il me semble que c’est possible avec . Cette commande seule ne m’affiche rien.
    Dans un des messages, j’ai vu qu’il fallait ajouter un nombre <sjcycle_sites1>. Cette commande m’affiche les images de la rubrique 1 uniquement (comme n’importe quel autre nombre d’ailleurs ^^).
    Y a-t-il un moyen de faire en sorte que le diaporama affiche les images de toutes les rubrique du site ?
    Merci encore.

    • Bonjour,
      le modèle sjcycle_sites utilise l’objet éditorial qu’on appelle « site », sous édition > sites, seulement si permis dans le paramétrage du site...
      Si vous cherchez à montrer les images contenues dans les rubriques ce serait le modèle <rubriqueN|cycle>, et si vous voulez afficher toutes les images qui sont enregistrées dans la médiathèque du site, vous pourriez tenter <article|cycle> sans renseigner de numéro d’article.

    • Merci de la réponse rapide.
      Effectivement, c’était les logos de mes sites qui s’affichaient ^^.
      Par contre, <article|site> n’affiche rien du tout. Je me sens capable de faire une boucle qui listerait toutes les images de mon site, est-il possible de l’intégrer dans ce diaporama ?

    • C’est tout à fait possible de faire une boucle, la mettre dans un fichier par exemple maboucle.html dans le dossier squelettes/modeles/
      Ensuite dans les textes, vous pourrez appeler le modèle avec <maboucle|>

      Mais que donne l’inclusion de <article|cycle> ?

    Répondre à ce message

  • 2

    Bonjour chankalan,
    Est-il possible de faire évoluer ce plugin pour qu’un diaporama appelle des documents liés à un mot-clé, sans qu’on soit obligé de préciser un numéro d’article ou de rubrique ?
    Merci

    • Bonjour mirobolus,
      il faudrait au moins préciser l’id du mot-clef... je ne sais pas si ça peut être une évolution du plugin. Dans un premier temps il faudrait partir du fichier modeles/album_cycle.html, le renommer en mot_cycle.html et changer la boucle DOCUMENTS pour qu’elle sorte les documents du mot-clef :

      <BOUCLE_docs(DOCUMENTS){id_mot}{extension==jpg|png|gif}>

      Et ensuite appeler <motXX|cycle> dans un texte du site...

      C’est possible de tester ?

    • Oh oui, je vais tester ça d’ici les prochains jours. Ça me donne une autre idée car j’ai un besoin récurrent : faire défiler des affiches d’événements dans une colonne, et que ce petit mode se trie tout seul (comportement donc à l’identique de la boucle événement).
      Je vais commencer par cette histoire de mot-clé et si je trouve, je partagerai ici.
      Merci !

    Répondre à ce message

  • 3

    Bonjour,

    J’essaie de mettre en place les liens individuels aussi bien pour des articles que pour des rubriques mais sans succès.

    Dans le champ descriptif de chaque image je place une instruction du type
    [->art234] ou [->rub25]

    et le modèle utilisé est :
    <sjcycle234|center|liens_individuels=article>

    j’essaie aussi :

    <sjcycle234|center|liens_individuels=article|forcer_lien_reference=oui>

    et aussi cela :

    <article234|cycle|center|liens_individuels=article>

    Chaque fois j’obtiens une Erreur 404 avec l’URL suivante :
    http://monsite/spip.php?article0
    ou
    http://monsite/spip.php?rubrique0

    Avez vous une idée ?

    Cordialement

    FDG

    • Bonjour,
      en fait il faut que le descriptif de l’article ne contienne que et uniquement que l’identifiant de l’article, soit « 52 » s’il s’agit de l’article 52.
      Idem pour les rubrique...
      (Il ne faut pas rédiger le lien dans le descriptif de l’image...)

    • Bonjour chankalan,

      Merci pour la grande réactivité et la pertinence.

      Maintenant, selon vos instructions cela fonctionne à la perfection.

      Cordialement

      FDG

      PS : il serait utile que cette information soit indiquée dans l’article.

    • Ça me semble déjà le cas, voir ici
       ;o)

    Répondre à ce message

  • 1

    Bonjour,

    Merci pour et excellent plugin.

    Cependant j’ai utilisé Cycle2 comme bandeau avec avec l’instruction :

    <sjcycle232|center|liens_individuels=article>

    placée dans le champ « Slogan du site ». Ce bandeau-diaporarma fonctionne parfaitement avec les navigateurs :

    • Firefox 51.0.1
    • Safari 5.1.7
    • Internet Explorer 11.0.9600

    Par contre avec les navigateurs :

    • Opéra
    • Maxthon 4.4.8.2000
    • Chrome 56.0.2924.87

    à chaque appel de page le bandeau affiche d’abord toutes les images du diaporama les unes sous les autres puis les efface et ensuite le diaporama fonctionne normalement.

    Avez-vous une idée pour surmonter ce problème ?

    Cordialement FDG

    • Bonsoir,
      oui, j’ai une petite idée : c’est le temps de chargement de la page pendant lequel les images s’affichent, une fois toute la page chargée, le diaporama se met en route.
      Il faut chercher à placer les images en css de manière à ce qu’elles ne soient pas les unes sous les autres, mais les unes sur les autres peut-être avec une position:absolute ; ... à tester...
      Par contre si on navigue sans javascript, on ne verra qu’une seule image...

    Répondre à ce message

  • 8

    Bonjour,

    Depuis spip 3.1.1 les liens sur les image ne s’ouvrent plus, en tout cas pas avec un simple clique gauche. Si je clique droit et je choisi ouvrir dans un nouvel onglet ça marche, j’arrive bien sur l’article demandé. Mais avec le clique gauche je ne fais qu’avancer vers l’image suivant.
    J’ai ce problème sur deux site.

    Problème uniquement chez moi ou bug ?

    • salut,
      mais non, je reproduis pas avec <articleN|cycle|lien_article=XXX|forcer_lien_reference=oui> et les ID réels ça marche tout seul. C’est bien avec ces paramètres ?

    • c’est dans le squelette comme ceci

      [(#MODELE{article_cycle,docs=1,5,lien_parent=oui,pager=.cycle-pager,overlay=.cycle-overlay})]

      J’ai rajouté

      forcer_lien_reference=oui

      comme dans votre exemple, mais cela n’arrange rien.

    • le soucis doit venir de l’écriture, avec des « | » entre les docs ça devrait mieux marcher :
      [(#MODELE{article_cycle,id_article=N,docs=21|22|24,lien_parent=oui})]

    • Merci pour le conseil. Je vais essayer le | cet après-midi.

      Là je suis avec l’autre site qui montre le même problème, mais le code dans le squelette est différent :

      [(#MODELE{article_cycle,id_article=1961,liens_individuels=article,largeurmax=520,hauteurmax=200})]
    • Re-bonjour,
      en faite pour mon premier site : j’utilise déjà des pipes. J’ai posté un code erroné hier ici.
      Dans mes squelettes c’est bien

      [(#MODELE{article_cycle,docs=1|5,lien_parent=oui,pager=.cycle-pager,overlay=.cycle-overlay})]

      Donc retour à la case du départ...

    • Bonjour,
      pour moi ce code fonctionne, je viens de tester : on s’attend à ce que le lien renvoi vers le dernier objet auquel est liée l’image (si jamais elle est liée à plusieurs objets), par contre il ne faut pas inclure ce code dans une boucle article si les images ne sont pas celle de l’article. Sinon on n’a que les images de l’article lui-même et le lien est vers lui-même aussi...

      C’est une piste ?

    • Hmm non pas encore trouvé. Je fouille un peu partout.
      Je reçois un erreur concernant jquery dans l’inspecteur du navigateur..
      J’ai désactivé tout les autres plugins mais le problème persiste.
      J’ai installé un nouveau spip tout fraîche et là tout fonctionne. Le problème se trouve de mon coté visiblement..
      Je continue à chercher.
      Merci pour les réponses quand même ! C’est encourageant.

    • Salut,
      J’étais toujours coincé avec ce problème mais j’ai finalement trouvé !
      Le problème était dans la configuration du plugin ecrire/ ?exec=configurer_sjcycle : j’avais rempli les champs bouton « suivant » et « précédent » par > et <.
      Je viens de vider ces champs et le problème est résolu.
      ouff
       :)

    Répondre à ce message

  • 7

    Bonjour,
    J’ai installé des diaporamas cycle2 dans différents articles. J’ai gardé le squelette d’origine de SPIP 3.1.1 [22913] avec écran de sécurité 1.2.4.
    J’ai systématiquement « .cycle-paused:after display:none ; .texte_infobulle text-align:left ; » en fin de chaque article en page d’accueil. En mettant cette ligne dans les moteurs de recherche, je constate que pas mal de sites on la même chose.
    Faut-il un squelette particulier ? Ne trouvant pas d’où vient ce bug je viens vers vous. Pouvez-vous m’orienter ?
    Merci à toutes et tous.

    • Je me réponds en partie ... J’ai constaté qu’il faillait un minimum de caractères dans l’article pour que ce phénomène disparaisse (+ de 475 caractères semble une bonne base ...) mais je ne sais pas la cause exacte de ceci ...
      Désolé pour cet encombrement.

    • Bonjour,
      pourtant ce n’est pas normal... j’ai tenté de reproduire et j’y suis en partie arrivé : je propose de mettre à jour vers la version 3.4.14 pour voir si le problème persiste. Merci de refaire le test avec cette nouvelle version pour confirmer... ou non...

    • Comment se procurer la version 3.4.14, je ne la trouve pas, merci

    • Elle n’est pas encore sur contrib, mais déjà sur plugins : http://plugins.spip.net/sjcycle?lang=fr

    • Avec la version 3.4.14, au lieu d’avoir l’erreur systématique à tous les articles, elle apparait aléatoirement dans certains ... Bizarre quand même ... En mettant 8 lignes de points (.) en début d’article cela donne une seule ligne de ces mêmes points à l’affichage côté public ! Puis le reste du contenu est correct ...

    • Bonjour,
      désolé je n’arrive plus à reproduire, est-ce que vous avez d’autres plugins activés en même temps ? Est-ce possible aussi de savoir la configuration du plugin, quels paramètres vous utilisez, et si le problème persiste quels que soient les paramètres ?
      Merci de ces précisions !

    • Effectivement, plus de souci. avec la 3.4.14 ... J’avais oublié de vider le cache ! J’avais également surchargé mon squelette ( ce qui est à éviter) Merci pour cet excellent plugin.

    Répondre à ce message

  • 3

    Bonnjour et merci ce plugin,
    Je rencontre un problème quand j’essaie d’afficher le titre des images
    J’ai deux article qui ont une galerie d’image et j’utilise ce modèle pour afficher le diapo dans chaque article concerné

    N1 et N2 sont les numéros d’article

    <articleN1|cycle|captiontemplate={{alt}}|caption=.cycle-caption|next=.cycle-next|prev=.cycle-prev> 
    
    <articleN2|cycle|captiontemplate={{alt}}|caption=.cycle-caption|next=.cycle-next|prev=.cycle-prev> 

    Mais sont les titres des images de N2 qui s’affichent partout même dans l’article N1...

    y’a t’il un bug ou j’ai loupé quelques choses ???

    Merci de votre réponse

    • Bonjour,
      c’est normal si les deux diaporamas sont dans la même page, c’est comme pour les boutons précédent/suivant, ils actionnent les deux diaporamas en même temps car ils ont la même classe. Voir plus haut pour le remède... il faudra que le paramètre caption ait une valeur différente pour chacun des diaporamas, et donc faire exister un nouvel élément html, peut-être un peu comme ceci :

      <articleN1|cycle|captiontemplate={{alt}}|caption=.cycle-caption>
      
      <articleN2|cycle|captiontemplate={{alt}}|caption=.cycle-caption2> 
      <div class="cycle-caption2"></div>
    • Merci pour la réponse mais les deux diapo ne se trouvent pas dans la même page, les deux articles sont différents et chaque diapo a son propre article. La preuve chaque article affiche ces images correctement le seul problème c’est au niveau des titres qui se mélanges :)

    • ah, alors je reproduis pas, deux diaporamas dans des pages séparées affichent bien les bons titres, sans problème... je ne vois pas de possibilités...

    Répondre à ce message

  • Bonjour,

    Super plugin et je souhaitais faire défiler une vidéo en boucle. C’est un fichier .MPEG4

    J’ai essayé avec :

    <embN|center|allowwrap=true>
    et
    <embN|center|allowwrap=false>

    mais dans les deux cas la vidéo ne revient pas au début… :(

    Répondre à ce message

  • 2
    AlainF

    Bonjour,
    je recherche ce genre de diaporama et je pense qu’il est très bien,
    mais je suis sous Spip 3.0.22 et dans ma page d’accueil, avec le premier code :

    - [(#MODELE{article_cycle,id_article=25})]
    - [(#MODELE{article_cycle,docs=36|37|38|39})]

    rien n’est visible, alors que la deuxième ligne affiche bien les docs !

    Mon article 25 permet de mettre et d’enlever, en document, des photos en fonction des saisons et ce ne sont jamais les mêmes identifiants ... ai-je fais une erreur ?
    Cordialement, Alain

    • Bonjour,
      difficile de dire comme ça... l’article est bien publié ? Les docs 36, 37, 38, 39 sont ceux de l’article 25 ? Est-ce qu’il sort quelque chose en mettant dans le texte le diaporama avec <article25|cycle> ?
      ...

    • AlainF

      Merci de la réponse rapide.

      Que les docs soient de l’article ou pas, il les affiche bien mais l’appel à l’id ne passe pas, même dans “l’article” :
      <article25|cycle> ne donne rien.
      étant en production, je ne peut mettre de lien.

    Répondre à ce message

  • 1

    Bonjour à tous,

    Je trouve ce plugin super, cependant je souhaiterais mettre des liens sur chaque image pour un article différent. (j’utilise le diaporama en page d’accueil pour présenter mon site)

    J’ai utilisé <articleN|cycle|center|liens_individuels=valeur> (j’ai mis rubrique pour valeur) mais cela ne fonctionne pas.

    J’aimerais savoir où dois-je mettre le numéro de la rubrique pour chaque image ? (descriptif de l’image ? c’est quoi et j’écris quoi exactement ?)

    Veuillez excuser mon ignorance, je débute sur SPIP.

    J’espère que vous avez compris ma requête.

    Merci d’avance

    Marie

    • Bonjour,
      c’est une astuce propre au plugin cycle : mettre le numéro identifiant d’un article ou d’une rubrique dans le descriptif de l’image, et si on met la valeur « rubrique » le lien se fera sur la rubrique ayant cet identifiant, si on met la valeur article, le lien se fera sur l’article ayant cet identifiant...
      Le descriptif de l’image se renseigne en faisant « modifier » lorsqu’on survole un document joint à un article, depuis l’espace privé.
      Il faut donc vérifier si le système fonctionne efficacement... http://zone.spip.org/trac/spip-zone/browser/_plugins_/sjcycle/trunk/modeles/article_cycle.html#L156 le laisse supposer...

    Répondre à ce message

  • 9

    Bonjour,
    Merci pour ce plugin !
    J’ai trouvé un petit soucis. Quand j’affiche deux diaporamas, l’affichage décompte/total dans les légendes n’est pas correct. Elle change de l’une à l’autre dans les deux légendes.
    Cordialement,
    Hanjo

    Répondre à ce message

  • 2

    Super ce carrousel !

    Vraiment simple, mais combien de photos (320 de large) sans trop ralentir l’accès à la page ?

    Belle réussite.

    • Bonjour,
       ;o)
      pour la rapidité tout dépend du poids des images et de la connexion de l’utilisateur.
      Mais le diaporama devrait se mettre en route avant que tout soit charger...

    • Je vais les redimensionner avant en 320 px de large
      ce qui fera l’image à près de 30 Ko environ en jpg…

      Une quinzaine devrait suffire sans trop alourdir le chargement de la page.

      Merci et encore très bien pour ce Carrousel.

    Répondre à ce message

  • 1

    Bonjour,
    je suis tombé sur un problème, encore dans le overlay...

    Quand le titre de l’image contiens des guillemets il n’est pas affiché à partir du premier guillemet.

    Est-ce que cela peut être surmonté ou est-ce qu’un titre avec guillemets est tout simplement un big nono ?

    Pour la description de l’image c’est pareil...

    d’avance merci

    Répondre à ce message

  • Renée Picard

    Le plugin fonctionne en espace privé uniquement si je mets les # de documents et il ne fonctionne pas en espace public
    <article22|cycle|docs=15,16,17>
    http://www.ctss-genetique.com/spip.php?page=article&id_article=22

    Répondre à ce message

  • Renée Picard

    Résolu ! il y a une incompatibilité avec le couteau suisse. En désactivant ce dernier, tout entre dans l’ordre !

    Répondre à ce message

  • 10

    Bonjour,
    encore moi, avec une autre question :

    je n’ai pas compris l’utilisation du overlay. Je veux l’utiliser dans un #MODELE, donc j’ai ajouté ,overlay=.cycle-overlay à la fin de mes options, mais ça m’affiche cycle-overlay et non le titre et description de l’image.
    Est-ce qu’il faut faire autrement avec les modeles ? Ou qu’est-ce que est le problème ?
    Merci encore pour vos conseils
    Joz

    • bonjour,
      en fait c’est bien [(#MODELE{article_cycle,id_article,overlay=.cycle-overlay})] dans un squelette d’article qui fonctionne tout seul...
      Il faut aussi renseigner les titres et/ou description de chaque image.

    • Hmm, est-ce que le problème pourrait être que je ne travaille pas avec id_article mais avec docs=1|2|3 ?

    • non non, ça fonctionne aussi
      [(#MODELE{article_cycle,docs=36|37|38|39,overlay=.cycle-overlay})]
      c’est autre chose...

    • Ahlala, j’ai compris au moins pourquoi ça affichait cycle-overlay : dans la page config j’avais copié ça dans Format de la légende en surimpression.
      Je n’avais pas compris à quoi ça sert..

      Et en faite je n’ai toujours pas compris, titre et description de l’image ne sont quand même pas affichés, malgré la case Format de la légende en surimpression vidée.
      Dans la source html de ma page je ne vois que

      <div class="cycle-overlay">
        <div></div>
        <div></div>
      </div>

      Entre temps, pour tester j’ai installé un nouveau spip tout fraiche avec uniquement ce plugin, mais là c’est pareil, les deux divs du overlay sont vides.. (j’ai bien remplie titres et descriptifs de mes images.)

      Une autre idée par où tester ?

    • alors ce n’est pas normal, ça fonctionne bien pour moi... le modèle article_cycle.html comporte la ligne http://zone.spip.org/trac/spip-zone/browser/_plugins_/sjcycle/trunk/modeles/article_cycle.html#L186 qui se rempli correctement si le titre et la description sont renseignés...

      À mon avis c’est le bon modèle, les 2 div pour titre et description sont présentes, mais comment sont rédigés les champs ? C’est étrange...

    • Est-ce que sur la page config ?exec=configurer_sjcycle je dois remplir le champ Légende en surimpression ?
      Actuellement il est vide chez moi, j’avais compris que titre et descriptions sont les valeurs par défaut. c’est correcte ?
      ++
      joz

      ps : entre temps j’ai aussi testé sur une installation vide de spip 3.1beta, mais j’obtiens la même chose, les deux divs sont vides...

    • Bonsoir,
      je ne sais pas où se trouve le problème, je ne peux pas reproduire, pour moi sur une installation neuve de SPIP3.1.0-beta les champs sont bien affichés là où on les attend.
      La configuration du plugin peut être laissée par défaut, sans rien changer après l’installation, puisque là on force le paramètre à l’insertion du modèle...

    • Bonsoir chankalan,
      j’ai fais une installation test avec un spip-3.0.20 sur un hébergement ovh : http://chantier.entraide.be/spip-3.0.20/
      même chose que sur mon autre hébergement et en local.
      Si tu veux je peux t’envoyer le login pour l’espace privé...

      Je veux bien aussi installer un 3.1beta si ça peut servir...
      ++

    • Bonsoir,
      j’ai trouvé le bug avec le paramètre lien_parent, normalement corrigé avec http://zone.spip.org/trac/spip-zone/changeset/91725
      La version 3.4.9 prend ces changements en compte...

    • youppieee tout fonctionne !
      grand grand MERCI
       :)

    Répondre à ce message

  • 4

    Bonjour,
    chez moi le diaporama fonctionne bien dans iron/chrome, mais pas dans firefox. une idée qu’est-ce qui pourrait coincer ?
    merci pour vos lumières
    joz

    • Bonsoir,
      plutôt difficile de savoir... le javascript est bien activé ?

    • Bonsoir,
      Je présume je js est activé comme il faut, puisque dans iron/chrome ça fonctionne.
      Mais il y a pleinplein d’erreurs de js dans FF.
      Entre temps j’ai fais quelques tests. Est-ce qu’il serai possible qu’il y ai un problème entre zcore et cycle-slideshow ?
      j

    • Non, il n’y a pas de raison. S’il y a d’autres erreurs il faudrait voir en simplifiant, en testant sur un squelette par défaut de SPIP par exemple, sans autres plugins activés, pour trouver la panne...

      (Je parlais de la barre d’outils de Firebug qui permet de couper le javascript pour Firefox uniquement...)

    • ha voila, j’ai trouvé :
      j’avais surchargé jquery avec une nouvelle version. ça ne passe pas semblet-il...
      dommage.
      mais au moins les slides tournent maintenant
      merci pour le plugin en tout cas !
      joz

    Répondre à ce message

  • 1

    Bonjour
    J’essaye d’utiliser le plugin dans un squelette, je ne suis pas expert.
    J’utilise la syntaxe :
    [(#MODELEarticle_cycle,id_article=232)]

    mais article_cycle n’est pas un squelette dans un dossier /modèles

    Quelle syntaxe utiliser ?

    Merci

    • Bonsoir,
      la syntaxe semble bonne et il y a bien un modèle nommé article_cycle.html dans http://zone.spip.org/trac/spip-zone/browser/_plugins_/sjcycle/trunk/modeles
      Est-ce que le plugin est bien installé et téléchargé correctement ?
      Il faut aussi peut-être vérifier le paramétrage par défaut, sur la page de configuration : « Squelettes > Cycle2 » et bien renseigner une largeur maximum, le premier paramètre.
      Merci de faire un retour si ça va toujours pas...

    Répondre à ce message

  • 4

    bonjour
    ce plugin semble très bien mais petite frustration :)
    L’installation s’est bien déroulée, les paramétrages sont ok, en privé le cycle fonctionne cependant en public il bloque sur une image.
    Auriez vous une piste de réflexion, merci

    • Bonjour,
      il se bloque sur une image et que sur l’espace public ? Étrange...
      Et avec les squelettes-dist, ça donne quoi ?

    • bonsoir
      merci de ton intérêt
      oui étrange
      je suis sous Z avec couteau suisse en gestion de la balise #INSERT_HEAD et je crois qu il y a un soucis avec ça, même mes ouvertures médias sont intempestives, mais je n arrive pas à comprendre pourquoi car tout est par défaut...
      le diap est directement intégré dans l article, c est encore plus troublant.
      squelettes-dist ?

    • squelettes-dist : je te propose d’essayer avec le squelette de SPIP par défaut, sans surcharge de squelette, enfin si c’était le cas... sinon il faudrait aussi essayer sans les autres plugins, puis les réactiver un à un pour trouver l’origine du soucis.

    • bonsoir
      ta piste est bonne c est le Z qui mets tout en vrac...
      n ayant pour l instant pas trop le temps, je me suis rabattu sur une alternative.
      Dès que j aurai vraiment résolu, je t en ferai part.
      Merci à toi.

    Répondre à ce message

  • 4

    Bonsoir
    J ’ai un petit soucis si j ’insère <articleN|cycle> dans un article rien ne se passe ,
    si j ’ajoute la variable largeurmax le diaporama fonctionne.
    exemple <articleN|cycle|largeurmax=450> ---> ok

    Nota:dans la config par défaut |largeurmax=500.

    est ce un « bug » ou une mauvaise configuration de ma part ?

    Bruno

    • Bonsoir,
      je ne vois pas, normalement la valeur par défaut de la page de configuration est prise en compte, sans avoir besoin de la préciser dans la rédaction... entre 500 et 450, la différence est voulue ? Avec 450 dans la configuration ça donne quoi ? C’est possible qu’il y aient des règles css qui gênent ?

    • Bonsoir Chankalan

      c ’est bon ; j ’ ai réussi à le faire fonctionner.
      J ’avais été obligé de mettre dans la config du plugin dans le champs largeur maximum : |largeurmax=450 (voir mon message du 9/11/14) pour faire fonctionner le diaporama des sites
      j ’ ai remplacé |largeurmax=450 par 450 uniquement et maintenant le diaporama des articles fonctionne , mais le diaporama des sites ne fonctionne plus correctement (comme mon message du 9/11 ,taille des miniatures).
      je vais étudier la question des règles css (mais je suis débutant) pour essayer de régler le problème du diaporama des sites
      merci encore pour votre aide.
      Bruno

    • bonsoir Omega,
      je vois pas pourquoi le diaporama des sites marche pas... <sjcycle_sites1> fonctionne chez moi, mais la doc est un peu succincte, je reconnais...

    • Bonjour
      j’ ai réussi a faire fonctionner correctement le diaporama des sites en forçant la hauteur et la largeur , aux valeurs de la config de Thumbsites
      [(#MODELEsjcycle_siteslargeurmax=120hauteurmax=90)]
      attention , manque dans la syntaxe ci dessus les crochets
      merci encore pour votre aide
      Bonne continuation
      Bruno

    Répondre à ce message

  • 2

    Bonjour à tous
    j ’ essaye de basculer Spip jQuery Cycle vers Cycle2 et j ’ai un probleme sur le diaporama des sites , les miniatures des sites sont affichées en mini mini miniature impossible de les avoir en taille de miniature.
    nota : l ’effet de transition fonctionne , seule la taille est incorrecte
    Auriez vous une idée pour les rendre en taille normale ?
    Merci d ’avance pour votre retour.
    Bruno

    • Bonjour,
      est-ce que la largeur est correctement définie dans la page de configuration ?
      Si la valeur est correcte, il faudrait vérifier les règles css...

    • Bonsoir Chankalan

      Merci à vous pour votre retour rapide , j ’ ai trouvé mon erreur (de débutant) j ’ avais renseigné uniquement la valeur numérique dans la configuration de Cylce , il fallait également mettre le nom de la variable |largeurmax=640 / |hauteurmax=480.

      Merci de votre contribution du plugin Cycle2
      Bonne soirée
      Bruno

    Répondre à ce message

  • 5

    bonjour
    ayant fait plusieurs diaporamas dans un seul article, je ne veux pas mettre
    pause au survol et Message au survol dans le paramétrage du plugin,
    mais dans chaque paramètre de chaque diaporama dans l’article :
    pour ne pas avoir le même message.
    J’ai ceci qui fonctionne bien pour le premier diapo :
    <article15|cycle|docs=213,214,215,216,217,218,220||hauteurmax=400|largeurmax= 500|next=.cycle-next|prev=.cycle-prev|backgroundcolor=#4CA66B|timeout=4000|fx=fadeout||pauseonhover=true>

    mais impossible de trouver comment avoir un message au survol de la souris dans ce paramétrage. j’ai vraiment cherché longtemps, pour rien.
    Si vous pouviez m’aider, merci

    • Bonjour,
      vous n’étiez sûrement pas très loin pourtant...

      Message lors de la pause au survol, laisser vide pour ne rien afficher :
      |pauseonhovercontent=en pause

      Précision : pour ne rien afficher il faut la présence du paramètre mais sans valeur :
      <article15|cycle|pauseonhover=true|pauseonhovercontent=>

    • bon, il y a encore une coquille
      1)en cochant Pause au survol et en mettant un message dans le parametrage du plugin.
      pauseonhover=true|pauseonhovercontent=>, le message apparaît
      2) en mettant dans le premier diapo : |pauseonhover=false et |pauseonhovercontent=>
      pas de message
      3) si je veux un autre message dans le 2éme diaporama :
      |pauseonhover=true|pauseonhovercontent=ratatouille vous salut>
      ça marche, c’est le nouveau message qui apparaît au passage de la souris

      Mais si je mets un autre message dans le premier diaporama : exemple
      |pauseonhover=true|pauseonhovercontent=le chat Albert vous donne le bonjour>
      J’ai le premier message dans les deux diaporamas « ratatouille vous salut »

      Si j’inverse les messages, c’est toujours celui du 2éme diaporama qui apparaît « le chat d’albert vous donne le bonjour »
      et je voudrai pas le même dans les deux, mais bien chaque phrase dans chaque diapo .

    • Je continue donc, pas moyen et dailleurs toujours aussi bizare :

      pour le 2éme diapo

      • j’enlève pauseonhover=true et pas de changement dans la mesure où j’ai coché dans la configuration du plugin « message au survol de la souris » là c’est normal
        parc contre
      • je met pauseonhover=false :
      • j’ai pas de message au survol, par contre au survol du premier diapo, j’ai toujours le message du 2éme.
        -  
        je nage un peu où y manque un truc dans la programmation du plugin ???

      amicalement

    • En fait c’est pas trop prévu d’afficher un message différent pour informer que le diaporama est en pause, c’est une utilisation détournée. Le bug est pas là où on croit... ;o)
      Pour afficher des informations au survol qui ont du sens par rapport au diaporama et aux images, il faut utiliser les solutions faites pour ça, il y en a même plusieurs :

      • |caption=.cycle-caption
      • |overlay=.cycle-overlay
      • |tooltip=oui

      ...

    • bon, si j’ai bien compris, c’est l’interface entre la chaise et le clavier qui bug sec
      OK, je vais potasser mieux et ça ira

    Répondre à ce message

  • KOVAL Sébastien - dessign.fr

    bon en effet il faut lire la doc en entier avant de pleurer !!!
    pour le tooltip c’est tout marqué ^^
    reste mon soucis de superposition mais là encore je vais ouvrir mes yeux

    Répondre à ce message

  • 1
    koval Sébastien - dessign.fr

    Bonjour j’ai installé le plug-in sur mon site
    j’ai 2 soucis :
    1 le diaporama passe par dessus mon menu déroulant comme s’il avait une « position : absolute » dans le css

    2 je n’ai plus le curseur avec les infos aux survols comme dans la version précédente
    modifiable dans javascript/jquery.tooltip.css
    comment faire pour le récupérer

    d’avance merci

    • Bonjour,
      pour le 1 : je sais pas comment est intégré le diaporama : dans un squelette ? dans le corps d’un texte ? Mais il est bien certain qu’il faut parfois ajuster les css...
      pour le 2 : il faudrait savoir si c’est une installation neuve ou bien une mise à niveau du plugin ?
      En tous les cas il faut peut-être juste repasser par la page de configuration et choisir les paramètres...

    Répondre à ce message

  • 2
    KOVAL Sébastien - dessign.fr

    Bonjour j’ai installé sur une version de spip 3
    je n’ai pas accès à la configuration
    « Fichier configurer_sjcycle introuvable »

    incompatibilité avec CKeditor peut être ?
    farbtastic_1_3_2 ok et palette 3 a jour
    merci de votre aide

    Répondre à ce message

  • 2

    Salut,

    j’ai installé le plugin, mais il ya une incompatibilité avec Adaptive Images.
    Cf http://thread.gmane.org/gmane.comp.web.spip.zone/36540

    Cédric propose d’ajouter la classe no-adapt-img ici http://zone.spip.org/trac/spip-zone/browser/_plugins_/sjcycle/trunk/modeles/article_cycle.html?rev=84872#L173 pour résoudre le souci.

    Qu’en dis tu ?

    jean marie

    Répondre à ce message

  • 1

    bonsoir

    je découvre cette version alors que je viens de commencer avec jQuery Cycle..
    pourtant, quand je veux installer ce cyle2 pour voir, spip pense qu’il est déja installé

    svn.revision 
    Origine: file:///home/svn/repository/spip-zone/_plugins_/sjcycle/branches/v2
    Revision: 84093
    Dernier commit: 2014-08-09 08:48:01 +0200 

    pourtant, j’utilise bien et pas <article|cycle..> ?

    ca me créé un peu de confusion...
    il y a bien deux plugins cycle disponible pour spip 3 ?
    lequel est préconisé... ?

    pam

    • Bonjour,
      apparemment la version du plugin installée chez vous est la version 2. Mais une mise à jour n’est pas suffisante pour utiliser la version 3 : il faut se rendre dans l’administration des plugins et choisir la version 3 comme on choisi un nouveau plugin. En l’activant, la version 2 sera désactivée automatiquement.
      Le nouveau plugin est la version 3 et utilise la nouvelle librairie Cycle2 : c’est parce que cette nouvelle version de la librairie existe qu’il a été nécessaire de faire une version 3 du plugin. À mon sens on peut la préférer si on réalise un site en HTML5. Si on reste dans une autre version de HTML, il faut garder la version 2.
      Par contre, en ayant installer cette nouvelle version 3, on a à disposition le nouveau modèle <articleN|cycle> mais aussi l’ancien modèle <sjcycleN>, donc les deux modèles sont disponible dans la version 3 pour garder une certaine compatibilité avec la version précédente.
      Voilà... bon SPIP !

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

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

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom