Попробуйте сделать так:
$(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» (помимо имени картинки).
Вот пример: