循环时的Jquery图像库
我似乎无法使这些图像循环并淡入/淡出以创建图像库。为什么我的代码不起作用?我希望图像和动画在我停止在按钮1上悬停后消失循环时的Jquery图像库,jquery,image,gallery,Jquery,Image,Gallery,我似乎无法使这些图像循环并淡入/淡出以创建图像库。为什么我的代码不起作用?我希望图像和动画在我停止在按钮1上悬停后消失 $(".button1").hover(function(){ $("#about").fadeOut(0); $(".button12").fadeOut(0); $("#frame").fadeIn(250); while (".button1".hover()){ $("#image1").fadeIn(250);
$(".button1").hover(function(){
$("#about").fadeOut(0);
$(".button12").fadeOut(0);
$("#frame").fadeIn(250);
while (".button1".hover()){
$("#image1").fadeIn(250);
$("#image1").delay(6000).fadeOut(250);
$("#image2").delay(6000).fadeIn(250);
$("#image2").delay(12000).fadeOut(250);
$("#image3").delay(12000).fadeIn(250);
$("#image3").delay(18000).fadeOut(250);
}
});
你的语法是错误的(“.button1.hover()){我这样修改了你的代码
$('.button1').live('mouseover', function () {
$("#about").fadeOut(0);
$(".button12").fadeOut(0);
$("#frame").fadeIn(250);
$("#image1").fadeIn(250);
$("#image1").delay(6000).fadeOut(250);
$("#image2").delay(6000).fadeIn(250);
$("#image2").delay(12000).fadeOut(250);
$("#image3").delay(12000).fadeIn(250);
$("#image3").delay(18000).fadeOut(250);
});
$('.button1').live('mouseleave', function () {
$("#image1").fadeOut(0);
$("#image2").fadeOut(0);
$("#image3").fadeOut(0);
});
演示链接请将此链接放在JSFIDLE上,包括htmlyou在while条件下做的错误。这不是方法,为什么您不一直将代码放在hover函数中?我认为您希望根据您的注释在hover上调用两个函数,所以您应该使用like.hover(函数\ 1,函数\ 2);我想在停止悬停按钮1后停止图像和动画,我该如何做?@user3205630我已经更新了我的代码。我希望这对您有所帮助。@user3205630然后编辑您的问题并提问clearly@dhana代码现在根本不起作用,甚至没有显示出来