jQuery: Добавить эффект затухания для замены attr

Question

Можно ли добавить эффект затухания при использовании replace() для изменения атрибутов изображения? У меня есть код, который использует кнопку для переключения каждого изображения на сайт на альтернативную версию (путем изменения пути к изображению); Я хотел, чтобы каждый образ исчезал до его альтернативной версии.

Вот код:

$('.imgbutton').click(function() { 
    $('img').attr("src",function(index,attr){ 
    return attr.replace("directory1/","directory2/"); 
}); 

Спасибо за любую помощь!

Answer 1

Использование комбо fadeOut и fadeIn вы можете сделать эту работу:

$('.imgbutton').click(function() { 
    $('img').fadeOut(function() { 
     $(this).attr("src",function(index,attr) { 
      return attr.replace("directory1/","directory2/"); 
     }).fadeIn(); 
    }); 
});