Veux tu vraiment avoir une "page2" car dans ce cas il doit y avoir chargement de cette page et ça peut être assez long.
1/ si oui:
Tu peux utiliser les iframes
Dans ta page 1 tu places une iframe qui pointe vers une page (pageImage.html) où il y a seulement l'image en question et une fonction js qui s'exécute sur l'évenement onMouseOver de l'image.
Cette fonction est appelle le chargemenet de la page2
function nomFonction(){
location.href="page2"
}
si tu veux remettre l'image quand la souris sort de l'iframe
Dans page1
function nomFonction2(){
document.getElementByName("nomDeIFrame").src = "PageImage.html"
2/ sinon
Pour moi le mieux est de tout gérer dans la même page.
Tu mets le code de la page 2 dans une variable js (en faisant bien attention de bien protéger les caractère spéciaux)
var page2Src = "......";
Tu crées dans ta page avec l'image dedans.
<div name="zoneChangeante">
<img ... onMouseOver="change()">
</div>
Et la fonction change() s'occupera de changer le contenu du div
function change(){
document.getElementByName('zoneChangeante').innerHTML = page2Src;
}
Voilà dans les grandes lignes 2 possibilités
The SMURF
the_little_smurf@yahoo.fr
Enjoy the life, don't waste your time in front of your computer