Patientns

Le plugin Swiper.js porté en plugin SPIP 3.2 3 novembre 2017

par Charles Stephan

Ce plugin porte le Swiper javascript créé par idangerous pour spip.

Il offre un object éditorial sur lequel déposer des documents joints.
Une page dédiée swiper.html proposera votre swiper en plein écran.

Il peut aussi être utilisé comme un carroussel en en tête.

Il permet de bénéficier d’un modèle pour intégrer le slider où vous le souhaitez dans votre éditorial.

Installation

Le plugin s’installe comme tous les autres plugins.

Figure

Il dispose par défaut des figures avec sa caption (figcaption).

Création d’un swiper

  • Créer l’objet par le menu édition
  • Joindre les images que vous voulez voir défiler
  • Eventuellement mettre un lien dans #URL_LIEN, #NOM_LIEN
    Cela disposera un lien dans a dans la figure balise figure.

Le modele

En squelette :

#MODELE{swiper,env}
ou
#MODELE{swiper,id_swiper}

En redaction sans identifiant tranmit
Le modèle prendra les documents joints à l’article.

<swiper|>

En redaction avec un identifiant transmit

<swiperX>
Exemple : <swiper2>

En redaction avec de multiple identifiants transmits

<swiper|multiple=x,y,z>
Exemple : <swiper|multiple=1,2,3>

Configuration

Enfin en configuration, vous pourrez rajouter vos options en modifiant le json au regard de la doc du créateur du plugins js


notes

Todo :

  • Checker la validité du json dans configurer (cfg)
    Ou changer la méthode, mais comment se baser sur la configuration du plugin ? Voir limiter les options et en faire un tableau de config simple

plugins.spip.net/swiper

Remonter