2011-07-18 13 views
0

は非常に簡単です一度同じページ内に複数のJSマウスがその上を通過したときに、私がイメージソースを変更ないときにそのうち..使用は私がやっている

<img id="Image1" src="../../Images/M2.jpg" onmouseover="roll_over('../../Images/M3.jpg','Image1')" onmouseout="roll_over('../../Images/M2.jpg','Image1')"/> 
その後、古いもののバックを置きます

はこのJavaScriptを使用して:

function roll_over(img_src,id) { 
document.getElementById(id).src = img_src; 
} 

私はそれが別の画像に移動するとJavaScriptが画像を更新していない、それだけでマウスが上を通過することを第一の画像を変更することがわかった、と私はそれがすべての画像を変更する必要がありますそれは通過する。

wtこの状況を解決するにはどうすればよいですか?

+4

は、ページ上の各要素に一意のIDを使用していますか? – Gabe

+2

あなたが渡している要素id(Image1)の代わりに 'this'を使ってみてください。これにより、すべての 'id'が節約されます。 – ssapkota

+0

Gabeはい、でも今は 'this'を使っています。ずっと良い、thnx ssapkota! – Evanescence

答えて

1

このようにそれを書き換えてみます

function roll_over(ctrl, img_src) { 
    ctrl.src = img_src; 
} 

<img id="Image1" src="../../Images/M2.jpg" onmouseover="roll_over(this, '../../Images/M3.jpg')" onmouseout="roll_over(this, '../../Images/M2.jpg')"/> 
+0

はとてもうまくいきます! thnx – Evanescence

関連する問題