Bonjour, pourriez vous m 'aider , voici ma galerie photo , sur onmouseover , l image s affiche en grand !
mais voila , plus rien ne marche
message d erreur: imagelist est 'indefini'.
Merci pour votre aide
<script>
var imageList = new ImageList("fontaine_large","titrebas_txt");
function ImageItem(url,txt)
{
this.url = url;
this.txt = txt;
}
function ImageList(imgId,txtId)
{
this.imgId = imgId;
this.txtId = txtId;
this.items = new Array();
}
ImageList.prototype.add = function(url,txt)
{
var item = new ImageItem(url,txt);
this.items.push(item);
return item;
}
ImageList.prototype.swap = function(index)
{
document.getElementById(this.imgId).src = this.items[index].url;
document.getElementById(this.txtId).innerHTML = this.items[index].txt;
}
function load()
{
imageList.add("images/galerie bebe/bebe1.jpg","bebe 1");
imageList.add("images/galerie bebe/bebe2.jpg","bebe2");
imageList.add("images/galerie bebe/bebe3.jpg","bebe2");
imageList.add("images/galerie bebe/bebe4.jpg","bebe2"
imageList.add("images/galerie bebe/bebe5.jpg","bebe2");
imageList.add("images/galerie bebe/bebe6.jpg","Ceci est l image 1");
imageList.add("images/galerie bebe/bebe7.jpg","Ceci est l image 1");
imageList.add("images/galerie bebe/bebe8.jpg","Ceci est l image 1");
imageList.add("images/galerie bebe/bebe9.jpg","Ceci est l image 1");
imageList.add("images/galerie bebe/bebe10.jpg","Ceci est l image 1");
imageList.add("images/galerie bebe/bebe11.jpg","Ceci est l image 1");
imageList.add("images/galerie bebe/bebe12.jpg","Ceci est l image 1");
imageList.add("images/galerie bebe/bebe13.jpg","Ceci est l image 1");
imageList.add("images/galerie bebe/bebe14.jpg","Ceci est l image 1");
imageList.add("images/galerie bebe/bebe15.jpg","Ceci est l image 1");
imageList.add("images/galerie bebe/bebe16.jpg","Ceci est l image 1");
imageList.add("images/galerie bebe/bebe17.jpg","Ceci est l image 1");
imageList.add("images/galerie bebe/bebe18.jpg","Ceci est l image 1");
imageList.add("images/galerie bebe/bebe19.jpg","Ceci est l image 1");
imageList.add("images/galerie bebe/bebe20.jpg","Ceci est l image 1");
}
</script>
</head>
<body onload="load()">
<p id="titre">Galerie photos</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div align="center">
<img src="images/galerie bebe/bebe1.jpg" alt="bebe1" width="75" height="42" onmouseover="imageList.swap(0)" />
<img src="images/galerie bebe/bebe2.jpg" alt="bebe2" width="75" height="42" onmouseover="imageList.swap(1)" />
<img src="images/galerie bebe/bebe3.jpg" alt="bebe3" width="75" height="42" onmouseover="imageList.swap(2)" />
<img src="images/galerie bebe/bebe4.jpg" alt="bebe4" width="75" height="42" onmouseover="imageList.swap(3)" />
<img src="images/galerie bebe/bebe5.jpg" alt="bebe5" width="75" height="42" onmouseover="imageList.swap(4)" />
<img src="images/galerie bebe/bebe6.jpg" alt="bebe6" width="75" height="42" onmouseover="imageList.swap(5)"/>
<img src="images/galerie bebe/bebe7.jpg" alt="bebe7" width="75" height="42" onmouseover="imageList.swap(6)" />
<img src="images/galerie bebe/bebe8.jpg" alt="bebe8" width="75" height="42" onmouseover="imageList.swap(7)" />
<img src="images/galerie bebe/bebe9.jpg" alt="bebe9" width="75" height="42" onmouseover="imageList.swap(8)" />
<img src="images/galerie bebe/bebe10.jpg" alt="bebe10" width="75" height="42" onmouseover="imageList.swap(9)" />
<img src="images/galerie bebe/bebe11.jpg" alt="bebe11" width="75" height="42" onmouseover="imageList.swap(10)" />
<img src="images/galerie bebe/bebe13.jpg" alt="bebe12" width="75" height="42" onmouseover="imageList.swap(11)"/>
<img src="images/galerie bebe/bebe14.jpg" alt="bebe13" width="75" height="42" onmouseover="imageList.swap(12)" />
<img src="images/galerie bebe/bebe15.jpg" alt="bebe14" width="75" height="42" onmouseover="imageList.swap(13)" />
<img src="images/galerie bebe/bebe16.jpg" alt="bebe15" width="75" height="42" onmouseover="imageList.swap(14)" />
<img src="images/galerie bebe/bebe17.jpg" alt="bebe16" width="75" height="42" onmouseover="imageList.swap(15)" />
<img src="images/galerie bebe/bebe18.jpg" alt="bebe17" width="75" height="42" onmouseover="imageList.swap(16)" />
<img src="images/galerie bebe/bebe19.jpg"" alt="bebe18" width="75" height="42" onmouseover="imageList.swap(17)"/>
<img src="images/galerie bebe/bebe20.jpg"alt="bebe19" width="75" height="42" onmouseover="imageList.swap(18)" />
<img src="images/b8.jpg" alt="fontaine01" width="75" height="42" onmouseover="imageList.swap(19)" />
</div>
</td>
</tr>
<tr>
<td>
<div align="center"><img border="2" bordercolor="#00FF33"alt="" name="fontaine_large" width="350" height="300" id="fontaine_large" />
<p id="titrebas_txt" class="titre">galerie</p>
</div>
</td>
</tr>
</table>
</body>
Nadia