Diaporama Innerfade + légende

Bonjour,
je cherche à afficher la légende d’une image avec le plugin « Diaporama Innerfade ». Le but étant que l’effet de transition d’image fonctionne également avec la légende, le tout en même temps.
Problème : l’image s’affiche, ensuite sa légende. Donc pas les deux éléments en même temps :frowning:

Voici le code dans le squelette :


<BOUCLE_diaporama_innerfade (DOCUMENTS) {id_article=1} {mode=document} {extension IN png,jpg,gif} {par hasard}>

#TITRE

</BOUCLE_diaporama_innerfade>

Le conteneur de la légende apparait normalement sous l’image.

Faut-il chercher dans le « en_tete.php » du plugin ou bien explorer une autre piste ?
J’avais pensé à doubler la div « diaporama_innerfade », mais comme les images s’affichent en random…

Merci pour votre aide.
Rémy

Rémy SALAÜN <contact@remy-salaun.com> a ecrit:

     Bonjour,
je cherche à afficher la légende d'une image avec le plugin
"Diaporama Innerfade". Le but étant que l'effet de transition d'image
fonctionne également avec la légende, le tout en même temps.
Problème : l'image s'affiche, ensuite sa légende. Donc pas les deux
éléments en même temps :frowning:

Voici le code dans le squelette :
<div id="diaporama_innerfade">
    <BOUCLE_diaporama_innerfade (DOCUMENTS) {id_article=1}
{mode=document} {extension IN png,jpg,gif} {par hasard}>
    <img
src="[(#FICHIER|image_reduire{0,446}|extraire_attribut{src})]"
title="#TITRE" />
    <div class="legende">#TITRE</div>
    </BOUCLE_diaporama_innerfade>
</div>
Le conteneur de la légende apparait normalement sous l'image.

Faut-il chercher dans le "en_tete.php" du plugin ou bien explorer une
autre piste ?
J'avais pensé à doubler la div "diaporama_innerfade", mais comme les
images s'affichent en random...

Peut-être en enveloppant les deux éléments dans un div :

<div id="diaporama_innerfade">
     <BOUCLE_diaporama_innerfade (DOCUMENTS) {id_article=1} {mode=document} {extension IN png,jpg,gif} {par hasard}>
<div>
     <img src="[(#FICHIER|image_reduire{0,446}|extraire_attribut{src})]" title="#TITRE" />
     <span class="legende">#TITRE</span>
</div>
     </BOUCLE_diaporama_innerfade>
</div>

je n'ai pas vu le code js, mais si c'est sur l'élément fils du div "diaporama_innerfade" que l'effet est appliqué, ça devrait fonctionner. je n'ai pas testé

DoM

Merci pour votre aide.
Rémy

Merci Dominique,

ça fonctionne parfaitement !

Bon week-end,
Rémy :slight_smile:

Lepaisant Dominique a écrit :