jQuery Cycle Plugin 고급 슬라이더

Question

jQuery Cycle 플러그인으로 슬라이드 쇼를 만들고 싶습니다. 이전에 해보았지만 지금은 고급 슬라이더가 필요합니다. 슬라이더는 다음 슬라이드의 fadeOut과 scrollUp 사이의 지연을 사용하여 scrollUp 및 fadeOut을 수행해야합니다.

이 내 코드입니다 SOFAR

$.fn.cycle.transitions.customSlide = function($cont, $slides, opts) { 
opts.fxFn = function(curr, next, opts, after) { 
    $(curr).hide(function() { 
    $(next).delay(opts.delayBetween).show(function() { 
    after();    
    }); 
    }); 
}; 
}; 

$('#slideshow2').cycle({ 
fx: "customSlide", 
delay: 3500, 
timeout: 2000, 
delayBetween: 1000 
}); 

만 표시하고 개체를 숨겨야 위의 코드; 어떻게 움직여서 슬라이드 업하고 페이드 아웃합니까?

Answer 1

특별히이 기능을 사용자 지정 기능에서 원한다면 잘 모르겠지만 여기에는 기본 제공되는주기 속성을 사용하는 버전이 있습니다. animOut은 magic이 slideUp 및 fadeOut 기능을 제공하는 곳입니다. 희망이 도움이됩니다.

$('#slideshow').cycle({ 
     fx: 'custom', 
     cssBefore: { 
       left: 0, 
       top: 0, 
       width: 0, 
       height: 0, 
       opacity: 1, 
       display: 'block' 
     }, 
     animOut: { 
       opacity: 0, 
       top: -50 
     }, 
     animIn: { 
       left: 0, 
       top: 0, 
       width: 200, 
       height: 200 
     }, 
     cssAfter: { 
       zIndex: 0 
     }, 
     delay: -3000 
    });