Así que estoy usando jQuery para aparecer y desaparecer gradualmente, pero me encontré con el problema de que, cuando ejecuto el código, la img se desvanece pero la misma img vuelve a aparecer. Estoy atascado.

Aquí está el código

$(documento).listo(función() {

 // preload the image for each link $("#image_list a").each(function() { var swappedImage = new Image(); swappedImage.src = $(this).attr("href"); }); //------------------------- // set up the event handlers for each link $("#image_list a").click(function(evt) { // alert($(this).attr("title")) $("#image, #caption").fadeOut(3000, function(){ $("#image").attr("src", $(this).attr("href")); $("#caption").text($(this).attr("title")); }); $("#image, #caption").fadeIn(3000); evt.preventDefault(); }); // get the image URL and caption for each image and animate the caption // cancel the default action of each link // move the focus to the first link

}); // terminar listo