我該如何重複這個？

jQuery的：我該如何重複這個？

var picname = ["1.jpg"]; 
     var pics = 0; 

     $("#pic").mouseenter(function() { 

     $("#pic").fadeOut(300, function() { 
      $("#pic").attr("src", picname[pics]); 
      pics++;  
      if (pics > 2) {pics = 0;} 
      $("#pic").fadeIn(500); 
     }); 

     }); 



$("#pic").mouseleave(function() { 

     $("#pic").fadeOut(300, function() { 
      $("#pic").attr("src", picname[pics]); 
      pics++;  
      if (pics > 2) {pics = 0;} 
      $("#pic").fadeIn(500); 
     }); 

    });

HTML：

<img id= 'pic' src="1.jpg"/>

我想重演的爲例，當我把我的鼠標上的畫面它改變，當我離開鼠標就變得正常，這種重複本身。

來源

2015-04-02 Legend

你嘗試了明顯的'$（「＃PIC」）鼠標離開（）'呢。？ – Banana 2015-04-02 17:49:27

是的，我試過了。 – Legend 2015-04-02 17:57:46

請編輯您的問題，併發布您到目前爲止所嘗試的內容。 – Banana 2015-04-02 17:59:12

如果你想讓它在2張圖片之間循環，你不需要帶圖片名稱的數組。只是像這樣做：

$("#pic").mouseenter(function() { 
 
    $("#pic").fadeOut(300, function() { 
 
    $("#pic").attr("src", "http://images.all-free-download.com/images/graphiclarge/banana_clip_art_13734.jpg"); 
 
    $("#pic").fadeIn(500); 
 
    }); 
 
}); 
 
$("#pic").mouseleave(function() { 
 
    $("#pic").fadeOut(300, function() { 
 
    $("#pic").attr("src", "http://images.all-free-download.com/images/graphiclarge/banana_clip_art_13529.jpg"); 
 
    $("#pic").fadeIn(500); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img id='pic' src="http://images.all-free-download.com/images/graphiclarge/banana_clip_art_13529.jpg" />

來源

2015-04-02 18:29:53 Banana

我該如何重複這個？

回答

相關問題