pluxml_images
Differences
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. | ||
pluxml_images.1501671321.txt.gz · Last modified: 2017/08/02 12:55 by supergnu
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
