Доброго вечера, уважаемые!
Поставил перед собой задачу: при помощи jQuery заставить картинку сменяться, когда на неё наводят курсор. По факту: заменить атрибут src у img'a с этим изображением.
Написал span, содержащий url нового изображения, скрыл его в css. Затем присвоил значение этого span'a функции, и закинул эту функцию в .attr(), где первым значением выбрал 'src'.
Получилось так:
$(document).ready(function() {
$('.content').hover(function() {
var newImg = ('#newImg_url').val();
$('#mainImg').attr('src', newImg);
});
});
Где .content - блок с изображением, #newImg_url - тот самый span с новым url'ом, #mainImg - основное изображение, которое будет изменяться на другое при hover'е.
Однако, ничего не происходит. Я человек в jQuery неискушенный, а потому спрашиваю совета знатоков: где я накосячил, и что нужно исправить?
Спасибо за внимание.