Je veux charger une image différente quand l'utilisateur survole une image et au même endroit, même taille, etc.. et cela pour plusieurs images de la même page.
Le javascript utilisé fonctionne très bien quand je teste la page à partir de mon répertoire, mais ne fonctionne plus quand je teste la même page sur mon site après l'avoir envoyée au serveur.
Avez-vous une explication ?
Merci
Laurent

Code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
var W3CDOM = (document.createElement && document.getElementsByTagName);
var mouseOvers = new Array();
var mouseOuts = new Array();
window.onload = init;
function init()
 {
if (!W3CDOM) return;
var nav = document.getElementById('mouseovers');
var imgs = nav.getElementsByTagName('img');
for (var i=0;i<imgs.length;i++)
	{
	imgs[i].onmouseover = mouseGoesOver;
	imgs[i].onmouseout = mouseGoesOut;
	var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
	mouseOuts[i] = new Image();
	mouseOuts[i].src = imgs[i].src;
	mouseOvers[i] = new Image();
	mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "b" + suffix;
	imgs[i].number = i;
	}
 }
 
function mouseGoesOver()
 {
	this.src = mouseOvers[this.number].src;
 }
 
function mouseGoesOut()
 {
	this.src = mouseOuts[this.number].src;
 }