Как контролировать скорость этого перехода JQuery

Question

Я очень плохо знаком с JQuery и застрял в этом. У меня есть этот скрипт для переключения между 2 изображениями при наведении, но я нахожу переключатель слишком резким Как я могу контролировать скорость перехода?

$(document).ready(function(){
  $('img').hover(function(){
    var current = $(this).attr("src");
    var swap = $(this).attr("data-alt-src");
    $(this).attr("src",swap);
    $(this).attr("data-alt-src",current);
  }, function(){
    var current = $(this).attr("src");
    var swap = $(this).attr("data-alt-src");
    $(this).attr("data-alt-src",current);
    $(this).attr("src",swap);
  });
})

Answer 1

Если вы хотите сделать переходы, используйте animate:

 $( "#yourImg" ).animate({
    opacity: 0.25,
 }, 5000, function() {
  // Animation complete.
 });

Если вы хотите отложить переход, вы можете использовать:

setTimeout()