Jquery 슬라이더 - 오른쪽에서 왼쪽으로 그리고 위에서 아래로의 슬라이드

Question

나는 페이드에서 slideIn과 slideOut으로 변경하려고했지만 프로젝트에 slideIn과 slideOut 스타일을 사용하고 싶습니다. 현재는 현재입니다. 작업.

누구든지 나를 안내 할 수 있다면 큰 도움이 될 것입니다.

[jsfiddle.net/chetanmani/6sj8x95y/] 

감사합니다. 여기

Answer 1

당신은 갈 : Fiddle이

/** 
* Fade-cycles elements with class 'banner' 
*/ 
$(document).ready(function() { 

    var delay = 3000, fade = 1000; 
    var banners = $('.banner'); 
    var len = banners.length; 
    var i = 0; 

    setTimeout(cycle, delay); 

    function cycle() { 
     $(banners[i%len]).slideUp(fade, function() { 
      $(banners[++i%len]).slideDown(fade, function() { 
       setTimeout(cycle, delay); 
      }); 
     }); 
    } 

}); 

그래서 그 여기 사이클에서 왼쪽으로 슬라이드 권리를 JQuery와 sildeUp 및 slideDown

를 사용하면 fiddle입니다 :

function cycle() { 
    $(banners[i % len]).hide("slide", function(){ 
     $(banners[++i % len]).show("slide", { 
      direction: "left" 
     }); 
     setTimeout(cycle, delay); 
    }); 
}