Javascript onmouseover/out image switch sur plusieurs image en changeant l'"id"
Salut les informaticiens !
Je vous donne le java script avec lequel je souhaite travailler:
Code:
1 2 3 4 5 6 7 8 9 10
| <script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src ="b_blue.gif";
}
function mouseOut()
{
document.getElementById("b1").src ="b_pink.gif";
}
</script> |
Il me suffit maintenant de mette id="b1" dans la balise <A> de l'image.
Ce que j'essaye de faire c'est d'utiliser ce même script pour plusieurs image sur une même page sachant qu'à chaque fois les deux image mouseOver et mouseOut sont différents.
Je joint le 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
| <script type="text/javascript">
<!--
function mouseOver()
{
document.getElementById("cat").src ="Catalogue_General_2.jpg";
}
function mouseOut()
{
document.getElementById("cat").src ="Catalogue_General.jpg";
}
//-->
</script>
<script type="text/javascript">
<!--
function mouseOver()
{
document.getElementById("V12").src ="V12_2.jpg";
}
function mouseOut()
{
document.getElementById("V12").src ="V12.jpg";
}
//-->
</script> |
J'ai ensuite ajouté 2 image avec des balises <A> et id"cat" dans la première et id"V12" dans la seconde.
Mais visiblement cela ne fonctionne pas !
J'imagine bien qu'il n'est pas nécessaire de répéter <script type="text/javascript"> mais alors comment placer les foncions dans le script ?
Je compte sur vous pour m'aider :merci: