IDを変更すると、img srcが別のIDに変更されます

Question

私はちょうどウェブプログラミングについて知りたいと思っています。問題に遭遇した

例：http://jsfiddle.net/KdhPG/99/

電流：画像IDの上にホバーは、それが「赤」

にテキストIDの色を変更する同様に、現在のimgを変更するには、テキストID上にカーソルを移動することはできませんイメージIDのsrcを別のイメージsrc/URLにコピーしますか？

ありがとうございます！

Answer 1

$("#img-one").hover(function() { 
    $('#img-one').attr("src","http://aviationhumor.net/wp-content/uploads/2011/02/chuck-norris.jpg"); 
} 

EDIT：

デビッド・トーマスは、この枚この

this.src = 'http://aviationhumor.net/wp-content/uploads/2011/02/chuck-norris.jpg'; 

Answer 2

のようなDOM要素で作業する方が良いでしょう。この場合、前述のように？マウスアウト/ unhoveringを考慮していませんが、あなたは、このコードを取り、それを行うことができるはず

http://jsfiddle.net/yDhhr/

。

jQueryのattr()機能を使用すると、基本的に任意の属性を変更できます。それはかなり便利です。

Answer 3

jQueryではうまくいきませんが、前の画像が復元されるようにホバーを使用して解決策があります。私は、このインスタンスではなく、jQueryのより基本的なDOMメソッドを使用して、お勧めしたい

var prevsrc; 
$("#one").hover(
    function() { 
     prevsrc = $("#img-one").attr('src'); 
     $("#img-one").attr('src', 'yourNewImageUrl');  

    }, 
    function() { 
     $("#img-one").attr('src', prevsrc); 
    } 
);