Hello,

Voici une autre petite astuce bien sympa en CSS et un code HTML :

Dans le CSS >> PA >> Affichage >> Images et Couleurs >> Couleurs > onglet "Feuille de style CSS" :

/* IMG POP UP */

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

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

.imgpopup span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.imgpopup span img{
border-width: 0;
padding: 2px;
}

.imgpopup:hover span{
visibility: visible;
top: 0;
left: 60px;
}

Pour le code :

Code:

<a class="imgpopup" href="#imgpop"><img src="URL_DE_VIGNETTE" width="70px" height="70px" border="0" /><span><img src="URL_DE L_IMAGE_2" /><br />TEXTE</span></a>

Vous pouvez modifier les dimensions de la vignette.

Et voilà ce que ça donne ICI
Le code fonctionne avec MF, IE et Opera, bien que l'image_2 se place légèrement autrement quant à la vignette suivant le navigateur.

Bien sûr que ce tuto offre d'autres possibilités quant à la pop up... A vous de voir...

Merci ZE, mais je ne suis pas l'auteur d'un tel tuto (of course).

Mais il est adapté de Dynamic Drive.

merci pour ce tuto même si ce n'est pas toi l'auteur ^^