This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
pluxml_images [2017/08/02 12:55] supergnu |
pluxml_images [2017/08/02 12:57] (current) supergnu |
||
---|---|---|---|
Line 2: | Line 2: | ||
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). | 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 ===== | ===== jQuery ===== | ||
Line 14: | Line 15: | ||
====== Afficher les images ====== | ====== Afficher les images ====== | ||
Générer les miniatures des images importées avec PluXML. Ajouter ensuite dans l' | Générer les miniatures des images importées avec PluXML. Ajouter ensuite dans l' | ||
+ | |||
<code html> | <code html> | ||
<a href=" | <a href=" | ||
<img src=" | <img src=" | ||
</a> | </a> | ||
+ | |||
</ | </ | ||
+ | |||
Le chemin sera de la forme suivante : | Le chemin sera de la forme suivante : | ||
<code html> | <code html> | ||
" | " | ||
- | <\code> | + | </code> |
Pris dans dans une balise figure avec un figcaption, c'est du plus bel effet : | Pris dans dans une balise figure avec un figcaption, c'est du plus bel effet : | ||
<code html> | <code html> | ||
Line 31: | Line 35: | ||
< | < | ||
</ | </ | ||
- | < | + | </code> |
+ | Bien sur, il est possible de mettre plusieurs images dans la balise figure afin de faire une petite galerie. |