Ajouter des légendes aux images d'un diaporama

Question

Bonjour à tous,

J'ai trouvé un diaporama en CSS.
Il affiche des vignettes qui, quand on passe la souris dessus, affiche sur le coté l'image en grand.
J'aimerais associer à chacune des vignettes une légende.

Voici le contenu de la page html:
 

      
        [index.html 
          ]
        #nogo
        #nogo
        #nogo
        #nogo
        #nogo
        #nogo
        #nogo
          #nogo
       
    


Je suppose qu'il faut associerune légende à chacune des images puis l'appeler au moment de l'affichage...  

Voici le fichier css:
body {
background-color: #000000
}
#gallery {
position: relative;
width: 750px;
}
#thumbs {
width: 300px;
float: left;
}
#thumbs a {
display: block;
float: left;
margin: 0 0 5px 5px;
width: 80px;
height: 80px;
}
#thumbs a img {
width: 80px;
height: 80px;
border: 0;
}
#thumbs a:hover {
border-color: #ddd;
}
#thumbs a:hover img {
position: absolute;
width: auto;
height: auto;
left: 300px;
top: 0;
border: 1px solid #333;
}



Marco

Bul3 · Answer

Bonjour,
#thumbs a span
{	display:none;
position: absolute;
left: 300px;
top: 50px;
}
#thumbs a:hover span
{	display:inline;	}
	
et modifier les liens comme par exemple :
[index.html 
titre 1

]
Cordialement	[mon Site]	[M'écrire]	Bul

cs_idamarco · Answer

Salut Bul3,

Merci pour ton intérêt.
En fait, j'ai peut être mal annoncé mon besoin.
Il y a à gauche une série de vignette et quand on passe la souris sur une vignette, il apparait à droite de ces vignettes l'image de la vignette mais dans sa taille réelle.
C'est au dessus ou au dessous de cette grande image que je souhaiterais voir la légende et non au dessus de la vignette.
C'est ce que j'évoquais en parlant "d'appel de légende associée".
C'est faisable?

Marco

Bul3 · Answer

euh... c'est exactement ce que j'ai montré...

cs_idamarco · Answer

Ah?
Le texte apparait pourtant au dessus de la vignette et non de l'image zoom.


Marco

Bul3 · Answer

ben non ( ni avec Ie ni ave Fx et ce sans doctype ! ) mais on ne s'entend peut-être pas sur vignette et image zoom de toute manière suffit de jouer avec le style du span... [index.html titre un ] titre deux

cs_idamarco · Answer

Mille excuses Bul3,
Ca marche parfaitement.
:)
J'ai du merdouillé lors de mon premier test.

Ca fait plaisir
Thanks

Marco

Bul3 · Answer

je n'osais l'affirmer ! nickel si ça baigne

Ajouter des légendes aux images d'un diaporama

7 réponses

Votre réponse

Discussions similaires