BxSlider에서 페이드 아웃

내가 jQuery를 새로운 오전하지만 현재의 BXslider 플러그를 사용하고 있습니다.

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#slider').bxSlider(); 
    }); 
</script>

입니다 슬라이드, 슬라이드 인 및 슬라이드 아웃, 왼쪽에서 오른쪽.

게시 한 링크에서 플러그인을 사용자 정의하기위한 모든 옵션이 있습니다. 당신은 다음과 같은 값을 변경할 수 있습니다 : 당신이 더 많은 전환/완화 옵션을 찾고 있다면

$(document).ready(function(){ 
    $('#slider').bxSlider({ 
    mode: 'fade', 
    }); 
});

, 당신의 jQuery 이징을 포함해야합니다. 그 이리 :

http://gsgd.co.uk/sandbox/jquery/easing/는 다음과 같이 여유 옵션을 추가 :

이

easing: 'swing',

참고로 '스윙'기본값입니다.

2012-07-03 00:27:30 Connor

참고 내가 뭘했는지! 그러나 그것은 '스윙'하지 않습니다. 한 슬라이드에서 다음 슬라이드로 사라지는 것이기 때문에 왼쪽에서 오른쪽으로 기본 전환이 손실됩니다. 오른쪽에서 왼쪽으로 들어가서 페이드 인하는 데 문제가 있습니까? 하지만 Btw에 감사드립니다. –

퇴색하지 않으려면 모드 옵션을 제거하십시오 (기본값은 '수평'이므로). 슬라이더 방향을 변경하려면 다음 옵션을 추가하십시오. autoDirection : 'prev', – Connor

가로로 슬라이드하고 퇴색 시키길 원합니다. 지금은 그냥 퇴색하고 있습니다. 어떤 아이디어? –

목록 또는 div의 ID는 jQuery 코드와 동일해야합니다.

제대로 닫히지 않았거나 간섭을 일으킬 수있는 다른 코드가 있는지 확인하십시오.

플러그인과 호환되는 jQuery 버전이 추가되었는지 확인하고 페이지 헤더에 .min.js를 추가하십시오.

2012-07-02 23:53:09

나는 모든 것을 했으므로 변경해야하는 jQuery 부분 만 나열했습니다. 슬라이더가 정상적으로 작동하므로 위의 내용을 확인할 필요가 없습니다. 각 슬라이드를 페이드에 추가하는 방법을 찾지 못했습니다. –

[JS Bin exemple] (http://jsbin.com/ikoguf) –

답변