Javascript jQuery动画-淡出淡出图像和标题?

Javascript jQuery动画-淡出淡出图像和标题?,javascript,jquery,html,Javascript,Jquery,Html,我必须在JavaScript文件中添加语句,使标题和图像在一秒钟内淡出。此外,我还需要在语句中添加一个回调函数,该函数在单击图像时淡出图像 我认为我的代码应该可以正常工作,但在浏览器中它什么也做不了。我做错了什么,或者有没有其他的方法?任何建议都将不胜感激 $(文档).ready(函数(){ //预加载图像(给定三行) 变量swappeImage,imageCounter=0,imageCache=[]; $(“#图像_列表a”)。每个(函数(){ swappedImage=新图像(); sw

我必须在JavaScript文件中添加语句,使标题和图像在一秒钟内淡出。此外,我还需要在语句中添加一个回调函数,该函数在单击图像时淡出图像

我认为我的代码应该可以正常工作,但在浏览器中它什么也做不了。我做错了什么,或者有没有其他的方法?任何建议都将不胜感激

$(文档).ready(函数(){
//预加载图像(给定三行)
变量swappeImage,imageCounter=0,imageCache=[];
$(“#图像_列表a”)。每个(函数(){
swappedImage=新图像();
swappedImage.src=$(this.attr(“href”);
swappedImage.title=$(this.attr(“title”);
imageCache[imageCounter]=交换图像;
imageCounter++;
});
//开始幻灯片放映
imageCounter=0;
var下一代;
setInterval(函数(){
美元(“#标题”)。淡出(1000);
$(“#图像”)。淡出(1000,
函数(){
imageCounter=(imageCounter+1)%imageCache.length;
nextImage=imageCache[imageCounter];
$(“#标题”).text(nextImage.title).fadeIn(1000);
}
);
},
3000);
//为链接设置事件处理程序(给定行)
$(“#图像_列表a”)。单击(函数(evt){
imageCounter=(imageCounter+1)%imageCache.length;
nextImage=imageCache[imageCounter];
//给两行
var imageURL=$(this.attr(“href”);
$(“#image”).attr(“src”,imageURL);
法代因(1000);
//给两行
var caption=$(this.attr(“title”);
$(“#标题”)。文本(标题);
法代因(1000);
//取消链接的默认操作(给定行)
evt.preventDefault();
});//结束单击
//将焦点移动到第一个缩略图(给定行)
$(“李:第一个孩子a”).focus();
}); // 结束就绪

闸板-分接头组合试验
詹姆斯·艾利森:1比1


您需要删除
})(正在关闭
$(文档).ready(函数(){
)在
设置间隔(…,3000);
,第25行

这些线路:

    3000);
    });    // remove
工作版本:

$(文档).ready(函数(){
//预加载图像(给定三行)
变量交换映像,映像计数器=0,
imageCache=[];
$(“#图像_列表a”)。每个(函数(){
swappedImage=新图像();
swappedImage.src=$(this.attr(“href”);
swappedImage.title=$(this.attr(“title”);
imageCache[imageCounter]=交换图像;
imageCounter++;
});
//开始幻灯片放映
imageCounter=0;
var下一代;
setInterval(函数(){
美元(“#标题”)。淡出(1000);
$(“#图像”)。淡出(1000,
函数(){
imageCounter=(imageCounter+1)%imageCache.length;
nextImage=imageCache[imageCounter];
$(“#标题”).text(nextImage.title).fadeIn(1000);
}
);
},
3000);
//为链接设置事件处理程序(给定行)
$(“#图像_列表a”)。单击(函数(evt){
imageCounter=(imageCounter+1)%imageCache.length;
nextImage=imageCache[imageCounter];
//给两行
var imageURL=$(this.attr(“href”);
$(“#image”).attr(“src”,imageURL);
法代因(1000);
//给两行
var caption=$(this.attr(“title”);
$(“#标题”)。文本(标题);
法代因(1000);
//取消链接的默认操作(给定行)
evt.preventDefault();
});//结束单击
//将焦点移动到第一个缩略图(给定行)
$(“李:第一个孩子a”).focus();
});//结束就绪

闸板-分接头组合试验
詹姆斯·艾利森:1比1


您看到它在执行时抛出的错误消息了吗?这很有帮助!谢谢!!!现在只有一个问题。我的图像在第一个之后消失了,但是标题正在适当地淡入淡出。我无法复制您的问题,请提供一个解决方案,以便我们可以测试它。