jQuery 슬라이더의 배경 이미지에 fadeout fadein 추가

Question

하나의 jQuery 슬라이더를 만듭니다. 난 그냥 첫 번째 및 마지막 썸네일 apperance 왼쪽 및 오른쪽 화살표를 표시/숨기려면, 또한 배경 이미지 fadein/fadeout 메서드를 애니메이션 싶어요. 데모 링크입니다 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'); 
     } 
    }​ 

또한 확실 실 거예요 프런트 계층 (즉, 당신의 회전 목마)을 숨길 그래서 예를 들어 아래 다른 사업부를 추가 할 필요가와에서 당신의 배경을 퇴색 할 수 있도록합니다.

Fiddle

희망이 도움이 :)