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.

[greggy]

Bonjour,

Seulement, j'ai besoin d'adapter ce code légèrement.

Donc, je cherche comment faire pour que cette partie du script

Code :

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

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

puisse prendre une adresse différente pour chaque image,
c'est à dire comment modifier cette partie

Code :

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

=image.src;

J'espère que j'arrive à me faire comprendre

Merci d'avance

[efficks]

Code :

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

1
2
3
4
var uneImage = new Image();
uneImage.src = "uneAdresse";
 
document.getElementById("idImage").src=uneImage.src;

[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