Mise en page des photos

木曜日 2012年2月2日, Origenius

Les photos peuvent être mises en page à l’intérieur du texte de l’article, ou bien groupées en une collection qui apparaît en bas de chaque article. Leur présentation est conditionnées par des filtres que j’ai fabriqués.

- Pré requis

— Les photos, dans SPIP 2, sont toujours importées comme documents et sont à la disposition de « tous » les articles.

— Si elles sont incluses dans le corps d’un article, elles apparaissent là où on les a placées.

— Si elles ne sont pas incluses dans le corps d’un articles, elles sont automatiquement rassemblées dans le portfolio (写真集). Il n’y a donc rien à faire de particulier pour les rassembler ici.

— J’ai installé un script qui permet de magnifier les photos afin de les regarder « grandeur nature »

- Comment coder l’emplacement des photos ?

Un document importé est affublé d’une identité unique : son numéro.
Il peut être utilisé dans plusieurs articles sans nécessité de le réimporter, il suffit d’utiliser son numéro.

Dans le corps d’un article :

Insérer un document revient à coder de cette manière :

<docxxx>

<docxxx|xpict>

Afin que son affichage soit pris en charge par le script magnifiant les photos, il est nécessaire de les installer comme «doc». Un simple «doc» mettra en route le script, mais ne permettra pas de lui adjoindre la présentation originale (diapositive encadrée) que j’ai développée. Pour cela, il faut ajouter les filtres suivants :

Les filtres suivants sont disponibles, j’en ajouterai au fur et à mesure que je créerai leur fonction.

- Pour insérer une seule photo par ligne au centre de la page, il faut ajouter le filtre suivant : |1pict, uniquement dans un <docxxx>, il convient donc de coder comme ceci :

<docxxx|1pict>

Et ça donne ceci :

- Pour une collection de photos dans le corps du texte d’un article, 2 photos par ligne, autant de lignes qu’on veut. Il faut ajouter le filtre suivant : |2pict :

<docxx1|2pict><docxx2|2pict>

Voici le test avec deux images codées de cette manière :

- Pour une collection de photos dans le corps du texte d’un article, 3 photos par ligne, autant de lignes qu’on veut. Il faut ajouter le filtre |3pict

<docxx1|3pict><docxx1|3pict><docxx2|3pict>

Voici le test avec trois images codées de cette manière :

- Enfin, pour une collection de photos dans le corps du texte d’un article, 4 photos verticales par ligne, autant de lignes qu’on veut. Il faut ajouter le filtre |4pict

<docxx1|4pict><docxx2|4pict><docxx3|4pict><docxx4|4pict>

Voici le test avec 4 images codées de cette manière :

写真集