Bésoin d’aligner des imagettes au plus près pour utiliser toute la largeur d’affichage disponible ?

diapo.html.zip

<diapoXXX> est fait pour ça !

Le modèle "diapo" place des blocs de taille fixe "width"x"height" pixels côte à côte, séparés par une marge de "margin" pixels. À partir de la taille réelle de l’image, le modèle calcule la taille de l’imagette qui remplit au mieux la diapo et l’affiche avec le lien pour visualiser l’image en plein écran. On obtient donc des diapos de hauteur fixe mais de largeur variable en fonction des images à présenter, ce qui permet à l’ensemble des diapos de s’aligner et de s’empiler en fonction de la taille de l’écran d’affichage.

Les paramètres de ce modèle sont les suivants :
 XXX : identifiant-spip du document (images jpg, png, gif)
 |colorbgd=#abc : couleur de fond de la diapo (défault = none)
 |width=www : largeur de la diapo en pixels (défault=140)
 |height=hhh : hauteur de la diapo en pixels (défault=164) - Attention : "height" doit être > à "width" pour laisser la place pour afficher les éventuelles légendes sous l’imagette
 |margin=m : marges autour de la diapo en pixels (défault=1)
 |align=aaa : alignement - left, right, center - des diapos (défault=left)
 |legende=.. : légende sous l’imagette
— |legende=1 : légende=TITRE du document-image
— |legende=2 : légende=DESCRIPTIF du document-image
— |legende=3 : légende=TITRE+DESCRIPTIF du document-image
— |legende=Texte libre : légende=Texte libre

---

Le modèle "diapos" reprend les mêmes paramètres, sauf l’identifiant XXX du document-image, afin d’afficher l’ensemble des images d’un article sous forme de diapos cliquables.

diapos-html.zip

Les paramètres ajoutés à ce modèle sont :
 ZZZ : identifiant du modèle diapos (de 1 à n) qui permet d’insérer plusieurs "modèles diapos" dans un même article
 |article=AAA : le numéro spip de l’article qui contient les images à afficher
 |fontsize=fs : taille de la police des descriptifs en "em" (défault=1)
 tous les autres paramètres sont identiques à ceux du modèle "diapo"

Attention : les diapos sont affichées dans l’ordre alphabétique des titre des documents-images. Les documents-images qui n’ont pas de titre sont affichés dans l’ordre croissant de leurs identifiant spip.

Exemple d’affichage ci-dessous des diapos des images des articles 63 et 15 en insérant <diapos1|article=63|legende=2><diapos2|article=15|legende=2> dans le texte de cet article

mire ff

Dolomites

Description 1

Description 2

Description 3

Description 4

Description 5

Description 6

Description 7

Description 8