Eu estou trabalhando em cima de meus projetos de estudante e eu sou novo jquery, para o projeto eu tenho que usar jquery para melhorar algumas funções e aprendi muito para realizar tarefas básicas, mas estou preso sobre algo muito confuso.

Um dos meus scripts realmente muda a imagem de um contêiner div na função mouse over, a função está bem, mas faz com que pareça um pouco bonito Eu quero adicionar efeitos de transição a ele através de funções de fade out ou através de animações, mas não consigo trabalhar com os dois. Eu pesquisei pela internet, mas aqui não consigo relacionar esses exemplos aqui.

Eu só quero saber onde posso inserir fade in fade out ou animar a função neste código, para dar um efeito de transição:

$(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);
});
});

Obrigado!