Jquery 用回调方法处理动画

我目前正在学习JQuery。我需要使旧图像淡出和新图像淡入时，一个新的图像被选中。我有选择图像的代码，但现在我需要把它放在一个回调方法中，该方法淡出当前图像并淡入新图像。淡出持续时间为1秒。我一直在努力完成这件事。任何帮助都将不胜感激。到目前为止，我掌握的代码是：

$（文档）.ready（函数（）{
//预加载图像
$（“#图像_列表a”）。每个（函数（）{
var swappedImage=新图像（）；
swappedImage.src=$（this.attr（“href”）；
});
//为链接设置事件处理程序
$（“#图像_列表a”）。单击（函数（evt）{
var caption=$（this.attr（“title”）；
var imageURL=$（this.attr（“href”）；
$（“#标题”）。文本（标题）；
$（“#image”）.attr（“src”，imageURL）；
//取消链接的默认操作
evt.preventDefault（）；
});
});

图像交换
闸板-分接头组合试验














詹姆斯·艾利森：1比1


这应该可以：

1） 使图像淡出

2） 然后在经过一定的延迟后，使用新值使其淡入


$（文档）.ready（函数（）{
$（“#图像_列表a”）。单击（函数（e）{
e、 预防默认值（）；
$（“#图像”）。淡出（500）；
更改（$（此））。延迟（500）；
});
});
变量变化=功能（img）{
var caption=img.attr（“标题”）；
var imageURL=img.attr（“href”）；
$（“#标题”）。文本（标题）；
$（“#image”）.attr（“src”，imageURL）；
$（“#图像”）.fadeIn（）；
};

闸板-分接头组合试验














詹姆斯·艾利森：1比1


“选择新图像时，需要使旧图像淡出，使新图像淡入”
.fadeOut（）
，
.fadeIn（）
不出现在
js
？是否可以在问题中包含
html
？