Ici & Là

01 Société 02 Histoire 03 Science 04 Science fiction 05 SPIP 06 NTIC 07 Sondages 08 Divers
La meilleure façon de réaliser ses rêves est de se réveiller (Paul Valéry)

Accueil > SPIP > Quelques plugins utiles > 2ème Bandeau pour tester le plugin « Cycle2 » (et le plugin « Nivo Slider (...)

2ème Bandeau pour tester le plugin « Cycle2 » (et le plugin « Nivo Slider »)

mercredi 22 février 2017, par François Daniel Giezendanner

Notez cet article
0 vote

Huit images pour le diaporama exprimé comme bandeau par le plugin Cycle2 avec lien individuel pour chaque image vers un secteur (rubrique principale) et légende individuelle.

le thème de chacune des huit images est sélectionné en adéquation avec celui du secteur visé par le lien de destination.

 Afficher le diaporama Cycle2

Soit avec ce modèle :

<article234|cycle|center|liens_individuels=rubrique|caption=.cycle-caption|captiontemplate={{cycleTitle}}>

Soit avec ce modèle :

<sjcycle234|center|liens_individuels=rubrique|caption=.cycle-caption|captiontemplate={{cycleTitle}}>

Ce qui donne le diaporama suivant avec le titre en surimpression et un lien individuel pour chaque image qui renvoie à une rubrique-secteur :

01 Société 02 Histoire 03 Science 04 Science fiction 05 SPIP 06 NTIC 07 Sondages 08 Divers

 Afficher les légendes avec le plugin Cycle2

(cf. Documentation Cycle2)

Afficher une légende pour chaque image. 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, 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}}"

 Paramètres « liens_individuels » avec le plugin Cycle2

(cf. Documentation Cycle2)

<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.


 Documentation

Portfolio