Table of Contents

Ajouter des images à un articles PluXML

Après avoir assez longtemps cherché à comment afficher de belles images dans un article PluXML, voici la solution que j'ai trouvé (la seule que j'ai trouvé compatible avec PluXML 5.6). Cette méthode permet de profiter d'un effet lightbox assez agréable sur les images lors du clic.

jQuery

Installer le plugin jQuery 1.4.4, afin d'avoir accès aux fonctions avancées de la bibliothèque jQuery. Il est important de l'installer en premier ou au moins de modifier l'ordre de chargement des plugins de façon à ce que jQuery soit chargé avant les autres plugin notamment le plugin spxlightbox.

spxlightbox

Installer le plugin spxlightbox de J.EVRARD (http://art.je-evrard.net) qui en plus de peindre des tableaux plutôt chouette semble être le codeur derrière les plugins spx : http://www.secretsitebox.fr/blogspx/ Pour l’instant, les plugins spx n'ont pas l'air compatible PluXML 5.6 sauf spxlightbox.

Afficher les images

Générer les miniatures des images importées avec PluXML. Ajouter ensuite dans l'article la balise suivante afin d'inserer l'image :

<a href="chemin image">
<img src="chemin miniature" alt=""/>
</a>

Le chemin sera de la forme suivante :

"data/medias/articles/imprimante3d/galerie01/exemple4.jpg"

Pris dans dans une balise figure avec un figcaption, c'est du plus bel effet :

<figure>
<a href="data/medias/articles/imprimante3d/tiroir.jpg">
<img src="/data/medias/articles/imprimante3d/tiroir.tb.jpg" alt=""/>
</a>
<figcaption><em>Le tiroir du lecteur CD</em></figcaption>
</figure>

Bien sur, il est possible de mettre plusieurs images dans la balise figure afin de faire une petite galerie.