Insérer un texte dans un diaporama (html/css)

Fermé
fred9334 - 9 mai 2012 à 18:16
 fred9334 - 10 mai 2012 à 08:20
Bonjour à tous et à toutes.

je viens de créer un diaporama avec un tuto trouvé par ici et il fonctionne très bien.
J'aimerais maintenant ajouter un petit texte lors de l'affichage de l'agrandissement de la photo survolée mais je ne sais pas comment faire.. j'ai cherché (pas partout..je l'avoue) sur le forum mais je n'ai pas trouvé la réponse.
Voici mon code :
Code : HTML

<div id="gallery">
<em id="thumbs">
<a href="#nogo">
<img src="images01/1.jpg" title=""class="" alt=""></a>
<a href="#nogo">
<img src="images01/2.jpg" title="" alt=""></a>
<a href="#nogo">
<img src="images01/3.jpg" title="" alt=""></a>
<a href="#nogo">
<img src="images/image4.jpg" title="" alt=""></a>
<a href="#nogo">
<img src="images/image5.jpg" title="" alt=""></a>
....etc
</em>
</div>

****************************************************************
Code : CSS

#gallery {
position: relative;
width: 750px;
}
#thumbs {
width: 180px;
float: left;

}
#thumbs a {
display: block;
float: right;
margin: 0 0 5px 5px;
width: 50px;
height: 50px;
}
#thumbs a img {
width: 50px;
height: 50px;
border: 1px solid red;
}
#thumbs a:hover {
border-color: red;
background-image: url("image/mh1.jpg");
}
#thumbs a:hover img {
position: absolute;
width: 300px;
height: 300px;
margin-left: 285px;
top: 100px;
}


Merci d'avance.
A voir également:

2 réponses

theshadoo Messages postés 786 Date d'inscription samedi 26 mai 2007 Statut Membre Dernière intervention 3 mai 2016 123
9 mai 2012 à 22:14
ça dépend, car très franchement tu ne dis même comment est ton diaporama, pas de lien afin de montrer à quoi il ressemble, rien quoi... Alors comment te guider efficacement sans te faire tout le boulot ?

Ce que tu peux faire par exemple, c'est rentrer un le texte que tu souhaites dans la balise alt par exemple, et quand on image change, tu récupères ce qui se trouve dans la balise alt de ton élément actuelle (donc l'image).

Après il ne te reste plus qu'à la mettre en forme avec le css, mais il vaut mieux mettre en forme d'abord en css et animer les éléments après en js
2
Bonjour theshadoo et merci pour ta réponse, même si j'ai bien conscience de ne pas te faciliter les choses.
Est ce que je peut t'envoyer un mail pour t'expliquer?
1