Modifier la source de l'image en survolant une étiquette

Question

J'ai plusieurs étiquettes sur une barre ma page Web et je veux que lorsque je survole sur cette étiquette, l'image dans un autre div devrait changer en fonction de l'étiquette qui est plané.

Toute aide serait grandement appréciée.

• Sjain

Answer 1

Avec jQuery, la bibliothèque javascript populaire, vous pouvez le faire assez facilement:

- Exemple HTML

<label class="target">Hover to Change</label> 
<img src="image001.gif" class="sourceImage" /> 

- correspondant jQuery

$("label.target").hover(
    function() { 
    // mousing-over <label class="target"> changes img to 'image002.gif' 
    $("img.sourceImage").attr("src", "image002.gif"); 
    }, 
    function() { 
    // mousing-out <label class="target"> changes img to 'image001.gif' 
    $("img.sourceImage").attr("src", "image001.gif"); 
    } 
);