在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

希望这有助于:)