Я работаю над своими студенческими проектами и являюсь новым jquery, для проекта я должен использовать jquery для улучшения нескольких функций, и я многому научился для выполнения основных задач, но я застрял над чем-то очень запутанным.

Один из моих сценариев фактически меняет изображение контейнера div при наведении мыши на функцию, функция в настоящее время в порядке, но я чувствую себя немного красивой. Я хочу добавить к ней эффекты перехода либо с помощью функций постепенного исчезновения, либо с помощью анимации, но не могу работать это с обоими. Я искал по интернету, но здесь я не могу связать эти примеры здесь.

Я просто хочу знать, где я могу вставить функцию fade in fade out или animate в этот код, чтобы придать ему эффект перехода:

$(document).ready(function () {
$(".thumb").hover(function () {
    var dummyImg = $(this).attr("alt");
    $(this).attr("alt", $(this).attr("src"));
    $(this).attr("src", dummyImg);
}, function () {
    var dummyImg = $(this).attr("src");
    $(this).attr("src", $(this).attr("alt"));
    $(this).attr("alt", dummyImg);
});
});

Спасибо!