Discussion :

[greggy]

Merci Auteur,
grâce à toi, j'ai enfin trouvé ici ce que je cherchais depuis longtemps.

Je me permets de te demander un coup de main pour une petite adaptation du script.
En fait, j'utilise ce script pour afficher une sorte de catalogue en ligne, avec une liste de produits et une miniature pour chaque produit. Quand on survole cette miniature, je souhaite qu'une plus grande image apparaisse dans un div, toujours le même et au même endroit pour tous les produits.

Donc avec ton script, ça marche nickel. Le seul problème est que ça affiche un agrandissement de la miniature, or moi, je veux afficher une autre image (elles n'ont pas les mêmes dimensions).

Donc :
où et comment spécifier l'adresse de la grande image ?

J'ai essayé ça (mettre un src2="adresse de l'image"):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
...
function popImage(image)
{
 document.getElementById("idDivImage").style.display = "block";
 document.getElementById("idImage").src=image.src2;
}
...
 
...
<img src="images/p001_P.jpg" src2="images/p001_G.jpg" class="miniature" onmouseover="popImage(this)" onmouseout="fermeImage()" />
...

mais ça ne fonctionne pas !

Merci d'avance pour ton aide.

[FremyCompany]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("idImage").src=image.getAttribute("src2");

[greggy]

Super ! Merci beaucoup, le résultat est génial.

MERCI