Permutation de plusieurs images
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:
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;
} |
Permutation de plusieurs images (suite)
Même en supprimant le test du navigateur
Code:
var W3CDOM = (document.createElement && document.getElementsByTagName);
et
Code:
if (!W3CDOM) return;
Le résultat est le même: la permutation d'images n'a pas lieu.
Laurent
