Jquery圖像庫while循環

我似乎無法使這些圖像循環和淡入/淡出製作圖像庫。爲什麼我的代碼不工作？在停止按鈕1上停留後，我想讓圖像和動畫消失。Jquery圖像庫while循環

$(".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); 

    } 


    });

來源

2014-01-30 user3205630

請把這個的jsfiddle包括HTML – user1428716

你用while條件做錯了。這不是方式，你爲什麼不把代碼放在懸停功能的所有條件 –

我想你想根據你的評論調用懸停的兩個函數，所以你應該使用像.hover（function_one，function_two）; –

你的語法錯誤while (".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); 
      });

演示鏈接http://jsfiddle.net/dhana36/753Lt/

來源

2014-01-30 08:26:48 dhana

我想讓圖片和動畫在停止按鈕1後停止，我該如何做？ – user3205630

@ user3205630我已經更新了我的代碼。我希望這能幫到您。 – dhana

@ user3205630然後編輯你的問題，並問清楚 – Prashobh

Jquery圖像庫while循環

回答

相關問題