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 minimum = 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
[(#CONFIG{escal/config/accessibilite}|=={non}|non)
<!-- bouton de paramètrage pour l'accessibilité -->
<div id="accessibilite">
<div id="accessconfig"
data-accessconfig-buttonname="<:escal:accessibilite:>"
data-accessconfig-params='{ "Prefix" : "a42-ac", "ContainerClass" : "","ModalCloseButton" : "","ModalTitle" : "","FormFieldset" : "","FormFieldsetLegend" : "","FormRadio" : ""}' >
</div>
<a class="skip-link" href="#contenu"><:lien_rapide_contenu:></a>
<span class="separateur">|</span>
<a class="skip-link" href="#formulaire_recherche"><:lien_rapide_recherche:></a>
<span class="separateur">|</span>
<a class="skip-link" href="#pied"><:escal:lien_rapide_pied:></a>
<div class="nettoyeur">
</div>
</div>
]
<div id="bandeau">
[(#MODELE{nivoslider})]
</div>
et hop !
Et bien sur, on peut aussi l’utiliser dans un article
<nivoslider45|>