Изменить идентификатор img src при наведении другого идентификатора

Question

Я только что заинтересовался изучением веб-программирования. Обнаружил проблему и надеюсь, что кто-нибудь покажет мне некоторые направления.

Пример: http://jsfiddle.net/KdhPG/99/

Текущий: при наведении курсора на идентификатор изображения цвет текста идентификатора меняется на «красный»

Точно так же невозможно навести указатель мыши на текстовый идентификатор, чтобы изменить текущий img src идентификатора изображения на другой источник изображения / URL?

Спасибо!

Answer 1

Не хорошо в jQuery ... но вот возможное решение с использованием наведения, чтобы восстановить предыдущее изображение.Изображение изменится, как вы говорите, при наведении курсора на текст, когда мышь уйдет, восстановится предыдущее изображение:

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

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

Answer 2

Как это?

http://jsfiddle.net/yDhhr/

Это не учитывает мышление / отмена, но вы должны иметь возможность взять этот код и сделать это.В качестве примечания, используя функцию attr() в jQuery, вы можете изменить практически любой атрибут, который хотите.Это довольно полезно.

Answer 3

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

РЕДАКТИРОВАТЬ:

Как отметил в этом случае Дэвид Томас, лучше работать с такими элементами DOM, как этот

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