Vous êtes ici : Accueil du site > Blog > Spip
2 votes

Plugin Fancybox et Spip : ajouter une image dans le corps d’un article

Mis en ligne le lundi 10 janvier 2011 à 06h55, par Jean-Philippe Guihard

Déposer dans portfolio {JPEG}Si vous avez peiné comme moi pour trouver comme insérer une image dans le corps même d’un article et qui s’ouvre dans une fancybox, voici comment faire. Mes réglages du Plugin Fancybox pour Spip font que je ne l’appelle que sur les tags CSS suivants : #documents_portfolio .fancybox, .documents_portfolio .fancybox afin qu’il ne se déclenche que sur les images placées dans le portfolio.

En fait, il faut Ajouter une image ou un document via la commande idoine et sélectionner l’option Déposer cette image dans le portfolio. Une fois celle-ci déposée, vous n’avez plus qu’à écrire l’appel comme ceci : <img285|left|inserer_attribut{class, fancybox}>.

De la même manière, j’ai eu beaucoup de mal à trouver l’astuce pour insérer une galerie au milieu du texte saisi, voire à pouvoir avoir plusieurs galeries dans une même page.
Toujours est-il que j’ajoute avant les images le code suivant : <div class="documents_portfolio"> et que je ferme bien entendu le tag après </div>.

Cela donne, par exemple, ceci :

<div class="documents_portfolio">
<img964|left|inserer_attribut{class, fancybox}>
<img965|left|inserer_attribut{class, fancybox}>
<img966|left|inserer_attribut{class, fancybox}>
</div>

Ce n’est pas très propre comme solution, mais elle a le mérite de fonctionner.

Voir en ligne : Le plugin FancyBox sur SpipContrib

SPIP | À propos de ce site | Contact | Plan du site | Suivre la vie du site RSS 2.0

1996 - 2017