NivoSlider
Article mis en ligne le 3 février 2014
dernière modification le 5 novembre 2021

par Jean Christophe Villeneuve

Un plugin intéressant pour faire un bandeau avec des images qui défilent de façon élégante.

Pour mettre un tel bandeau en place, on va :

  • installer le plugin NivoSlider, évidemment
  • créer un article dans une rubrique invisible dans les menus grâce aux mots clés adéquats
  • joindre à cet article les images que l’on veut en les ayant retaillées en amont (largeur = celle du site, hauteur au choix mais identique pour toutes les images)
  • publier l’article 😉
  • dans la configuration de nivoslider, régler la largeur et la hauteur en fonction de vos images et indiquer l’article créé comme réservoir d’images (les autres réglages sont à votre convenance)
  • reste à faire une copie de inc-bandeau.html de /escal/inclusions vers /squelettes/inclusions et dans ce fichier, effacer tout le code et mettre juste
<div id="bandeau">
[(#MODELE{nivoslider})]
</div>

et hop !

Et bien sur, on peut aussi l’utiliser dans un article

qrcode:http://escal.ac-lyon.fr/spip/spip.php?article215