Les mots clés
Code pour afficher un article dans un autre article
Pour le faire, il suffira de mettre ce raccourci :
<choix_articleXXX>
xxx étant le numéro de page à l’endroit choisi.
Il faut mettre un court descriptif à la page affichée et un logo.
Code pour afficher un diaporama owl responsive
Avec les titres
Sans les titres
Avec les titres et défilement automatique
Avec les titres, défilement automatique et arrêt avec survol de la souris
Autres possibilités :
Un modèle est tout prêt pour afficher les documents d’un article de type jpg, gif ou png dans un diaporama insérable de cette manière :
où « X » est l’id de l’article, pour afficher toutes les images de cet article.
Quelques paramètres permettent de modifier quelques réglages, et se définissent de cette manière lors de l’inclusion du modèle :
Paramètres
id-carousel=unikid : id unique du carousel, doit être renseigné si plusieurs carousels dans la même page.
caption=oui : afficher la description de l’image
dots=false (true par defaut) : affiche les points pour changer d’image
navigation=true (false par defaut) : afficher les boutons précédents/suivants
items=2 (1 par défaut) : pour afficher plusieurs images en même temps
margin=10 : pour ajouter une marge entre chaque image, en pixels
docs=1,2,3 : affiche uniquement les documents 1, 2 et 3. Dans ce cas, le numéro identifiant de l’article est optionnel, vous pouvez donc écrire <article|owl|docs=1,2,3> pour afficher ce diaporama n’importe où dans le site, tant que les documents existent dans la médiathèque
caption_css=monstyle : ajouter des css sur la description (par exemple : invisible)
autoHeight=true : pour que la hauteur soit adaptée à chaque diapositive
autoplay=true (false par défaut) : le carousel démarre automatiquement
autoplayHoverPause=true (false par défaut) : pause au survol en mode autoplay
autoplayTimeout=6500 (5000 par défaut, en milliseconde) : durée d’affichage d’une diapositive
lazyLoad=true (false par défaut) : ne charge que les images visibles pour optimiser le chargement.
Code pour afficher un diaporama cycle
Dans vos textes, ce raccourci insère un diaporama de toutes les images liées à cet article :
Vous pouvez choisir les documents en les désignant comme ceci :
Vous pouvez choisir la largeur maximum du diaporama, par exemple :
Vous pouvez aussi combiner ces paramètres.