Menu

Accueil > Fonctionnalités > Plugin MSC NivoSlider

Plugin MSC NivoSlider - Diaporama / Carrousel

Pour créer facilement des diaporamas, mais aussi et surtout des "carrousels", j’ai développé pour SPIP 3 un autre plugin qui utilise le plugin javascript NivoSlider.

On peut avec ce plugin associer des liens aux images, internes ou externes, ainsi que des titres pour chacune d’entre elles. De même, on peut avoir des flèches de navigation pour passer d’une image à l’autre, ainsi que des puces ou vignettes sous le "slider" pour choisir manuellement telle ou telle image.

L’usage typique de ce plugin sera sur la page d’accueil pour "mettre à la une" de manière illustrée certaines informations du site. On peut ainsi inviter de manière élégante l’internaute à consulter certaines informations du site à ne pas rater.
Mais on peut l’utiliser dans d’autres circonstances, pour faire par exemple simplement un joli diaporama d’illustration, sans liens et sans titres sur les images.

Et voici ce que ça donne... (exemples d’images avec des liens internes).

Caractéristiques et avantages du plugin

- Utilisation du javascript : il fonctionne donc sur toutes les plateformes (ordinateurs, tablettes, smartphones).

- Responsive Web Design : l’affichage s’adapte pour les petits écrans des smartphones.

- Redimensionnement automatique des images en fonction de la limite fixée par le squelette, comme dans le cas de l’intégration d’images individuelles (fonctionnement standard de SPIP).

- Possibilité de mettre des images de tailles différentes. Redimensionnement / recadrage automatique si on force les dimensions du "slider".

- Une syntaxe simple : tous les paramètres sont optionnels et possèdent des valeurs par défaut, modifiables dans la configuration du plugin (administration du site).

- Pour chaque image, on peut associer de manière très simple un titre et un lien, interne ou externe.