Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
循环时的Jquery图像库_Jquery_Image_Gallery - Fatal编程技术网

循环时的Jquery图像库

循环时的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);

我似乎无法使这些图像循环并淡入/淡出以创建图像库。为什么我的代码不起作用?我希望图像和动画在我停止在按钮1上悬停后消失

$(".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代码现在根本不起作用,甚至没有显示出来