在jQuery滑塊的背景圖像上添加淡入淡出

Question

我創建了一個jQuery滑塊。我只想在第一個和最後一個縮略圖外觀上顯示/隱藏左右箭頭，還想爲背景圖像淡入淡出/淡出方法設置動畫。這裏是演示鏈接http://jsfiddle.net/NwmLL/8/請幫助我。

Answer 1

要處理您的箭頭更改，我添加了一個簡單的函數來檢查liSelect是第一個還是最後一個選項，並分別更改hide/show。

function checkArrows() { 
     if($('ul#carousel>li:last').is('.liSelect')) { 
      $(".rightArrow").fadeOut('slow'); 
     } 
     else { 

      $(".rightArrow").fadeIn('slow'); 
     } 

     if($('ul#carousel>li:first').is('.liSelect')) { 
      $(".leftArrow").fadeOut('slow'); 
     } 
     else { 
      $(".leftArrow").fadeIn('slow'); 
     } 
    }​ 

也使你淡出你的背景和退出，你需要確保它不會隱藏自己的正面層（即你的旋轉木馬），所以我的下面增加了一個DIV作爲一個例子。

Fiddle

希望這有助於:)