Javascript onmouseout event

Question

J'ai donc un nav avec 3 cercles, et un curseur jquery.

Par défaut, le premier cercle est allumé, et lorsqu'un utilisateur clique sur le 2ème cercle, le curseur se déplace vers la 2ème div et ce cercle est allumé et le 1er cercle est atténué. Cela fonctionne de la même manière avec le 3ème cercle.

Tout fonctionne très bien, c'est ce que le code ressemble

<img name="bullet1" height="30px" width="30px" src="img/bulletwhite.png" onmousedown="this.src='img/bulletwhite.png';document.images['bullet2'].src='img/bullet.png';document.images['bullet3'].src='img/bullet.png'" style="opacity:0.4;filter:alpha(opacity=40)"/>
<img name="bullet2" height="30px" width="30px" src="img/bullet.png" onmousedown=" this.src='img/bulletwhite.png';document.images['bullet1'].src='img/bullet.png';document.images['bullet3'].src='img/bullet.png'" style="opacity:0.4;filter:alpha(opacity=40)"/>
<img name="bullet3" height="30px" width="30px" src="img/bullet.png" onmousedown=" this.src='img/bulletwhite.png';document.images['bullet1'].src='img/bullet.png';document.images['bullet2'].src='img/bullet.png'" style="opacity:0.4;filter:alpha(opacity=40)"/>

Ma tâche suivante consiste à ajouter un effet de vol stationnaire aux cercles, mais quand je le donne l'effet hover, il change le src de l'image droite? Ainsi, lorsque l'onmouseout est déclenché, pour le changer, il s'agira toujours d'un cercle faible, même si le cercle a déjà été allumé. Donc, ma question fondamentale est la suivante, est-il possible de se souvenir de la src de l'image AVANT onmouseover la modifie et ensuite l'utiliser pour la ramener à son état précédent lorsque le onmouseout est déclenché, j'espère que cela fait sens :)

Un conseil aiderait!

Answer 1

Vous pouvez essayer d'ajouter un attribut personnalisé pour étendre la classe, ou créer votre propre objet JavaScript qui stockera les images actuelles et cibles (ou base, active et hover), puis lier cela dans le script principal. Il serait probablement beaucoup simplifier votre logique pour déplacer le JS hors des événements locaux et accrocher les événements en utilisant une bibliothèque comme prototype.js ou jquery (bien que ce soit exagéré - peut-être utile ailleurs!)