JQuery Slider - Слайд справа налево и сверху вниз

Question

Я попытался изменить ссылку Demo от fade до 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); 
    }); 
}