User Tools

Site Tools


pluxml_images

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
pluxml_images [2017/08/02 12:55]
supergnu
pluxml_images [2017/08/02 12:57]
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'article la balise suivante afin d'inserer l'image : Générer les miniatures des images importées avec PluXML. Ajouter ensuite dans l'article la balise suivante afin d'inserer l'image :
 +
 <code html> <code html>
 <a href="chemin image"> <a href="chemin image">
 <img src="chemin miniature" alt=""/> <img src="chemin miniature" alt=""/>
 </a> </a>
 +
 </code> </code>
 +
 Le chemin sera de la forme suivante :  Le chemin sera de la forme suivante : 
 <code html> <code html>
 "data/medias/articles/imprimante3d/galerie01/exemple4.jpg" "data/medias/articles/imprimante3d/galerie01/exemple4.jpg"
-<\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:
 <figcaption><em>Le tiroir du lecteur CD</em></figcaption> <figcaption><em>Le tiroir du lecteur CD</em></figcaption>
 </figure> </figure>
-<code> +</code> 
 +Bien sur, il est possible de mettre plusieurs images dans la balise figure afin de faire une petite galerie.
pluxml_images.txt · Last modified: 2017/08/02 12:57 by supergnu