[valdislav]

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

Насколько я понял, вариант с изменением через .attr немного не подходит, поскольку изменение резкое, не плавное (как с fadeIn/Out, где можно выставлять скорость):

$(function() {
     $("#imgblock")
          .mouseover(function() 
          { 
               $(this).attr("src").replace(/(img2.png)/g,"img1.png");
          })
          .mouseout(function() 
          {
               $(this).attr("src").replace(/(img1.png)/g,"img2.png");        
          });
});

Как можно реализовать "плавность" с возможностью регулирования скорости эффекта? Возможно, есть какой-то вариант с изменением не img, а именно бэкграунда div'а.