PHPBoost CMS

[html]
<TABLE BORDER="0">
<SCRIPT language="Javascript">
var listeImages = new Array(1, 2);
 
function cacherImages()
{
    for (i = 0; i < listeImages.length; i++)
        {
        document.getElementById("image_" + listeImages[i]).style.display = "none";
    }
      alert("souris sortie du bouton");
}
 
function afficherImages(liste)
{
    cacherImages();
    for (i = 0; i < liste.length; i++)
    {
        document.getElementById("image_" + liste[i]).style.display = "block";
    }
}
 
</SCRIPT>
<td width=680 height=500 style="background : url(http://localhost/phpboost3rc/templates/base/images/plan.jpg) no-repeat" </td>
<img src="/templates/base/images/image_1.jpg" style="display:none;position:relative;left:150px;top:200px;"  id="image_1"/>
<img src="/templates/base/images/image_2.jpg" style="display:none;position:relative;left:100px;top:235px;"  id="image_2"/>
<tr><td <img src="/templates/base/images/bouton.jpg" onMouseOver="afficherImages(new Array(1,2));" onMouseOut="cacherImages();"/>
</tr>
</TABLE>
[/html]

[html]
<script type="text/javascript">
<!--
var listeimages2 = new Array(3, 4); 
function cacherimages2()
{
    for (i = 0; i < listeimages2.length; i++)
		document.getElementById("image_" + listeimages2[i]).style.display = "none";
} 
function afficherimages2(liste)
{
    for (i = 0; i < liste.length; i++)
        document.getElementById("image_" + liste[i]).style.display = "block";
}
-->
</script>
 
<div style="position:relative;width:500px;height:322px;background:url(http://www.photo-libre.fr/paysage/Med/Rz_16.jpg) no-repeat;border:1px solid #ccc;">
	<img src="/faq/faq.png" style="display:none;position:relative;left:150px;top:180px;" id="image_3" alt="" />
	<img src="/download/download.png" style="display:none;position:relative;left:50px;top:100px;" id="image_4" alt="" />
</div>
<img src="/templates/phpboost/images/admin/phpinfo.png" onmouseover="afficherimages2(new Array(3, 4));" onmouseout="cacherimages2();" style="cursor:pointer;" alt="" />
[/html]