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 !

Cycle de vie du Soleil, depuis sa formation, il y a près de 5 milliards d’années jusqu’à sa transformation finale en naine blanche d’ici 8 à 10 milliards d’années.

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