Lorsque vous survolez une image apparaît à côté à l'autre

[Jean Charles]

Bonjour! Je tiens à mettre une photo dans l'annonce sur le forum de sorte que lorsque le curseur passe sur une autre image apparaît comme dans l'exemple je vais montrer.

[Invité]

Bonsoir,

C'est une infobulle que vous souhaitez? Si oui :
1.Le code HTML à personnaliser avec les adresses des images:

Code:

<div class="infobulle"><img src="lien image ou apparait l'infobulle" />
<span><img src="lien image qui apparait lau survol" /></span></div>

2.Le CSS à placer dans PA > Affichage > Couleurs >feuille de style CSS:

Code:

.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}

.infobulle span img{border: 1px;padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 150px ;
color:#FFFFFF;
border: 1px outset #e47509;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;}

(Personnalisez les couleurs dans le code CSS )