Estoy trabajando en mis proyectos para estudiantes y soy un jQuery nuevo, para el proyecto tengo que usar jquery para mejorar algunas funciones y he aprendido mucho para llevar a cabo tareas básicas, pero estoy atascado en algo muy confuso.

Una vez que mis scripts realmente cambian la imagen de un contenedor div en la función de mouse sobre, la función está bien actualmente, pero me hace sentir un poco hermosa. Quiero agregarle efectos de transición, ya sea a través de funciones de desvanecimiento o de animación, pero no puedo trabajar. fuera con ambos. Busqué en internet, pero aquí no puedo relacionar esos ejemplos con la mente aquí.

Solo quiero saber dónde puedo insertar fade in o fade out en este código para darle un efecto de transición:

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

¡Gracias!