jQuery: сменить картинку на другую при наведении курсора

Попробуйте сделать так:

$(function() {
$("img")
.mouseover(function() {
var src = $(this).attr("src").match(/[^\.]+/) + "over.gif";
$(this).attr("src", src);
})
.mouseout(function() {
var src = $(this).attr("src").replace("over.gif", ".gif");
$(this).attr("src", src);
});
});

Учтите, что решение не сработает, если в Вашем URL-адресе встретится фрагмент «over» (помимо имени картинки).

Вот пример:

Пример