본문 바로가기
Web/jQuery

[jQuery Plugin] ALS(any list scroller) / 슬라이드 플러그인

by 나비와꽃기린 2016. 7. 7.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

 

http://als.musings.it/  참고!

 

사용 예)

<div id="BBB" class="als-container">

           <div id="AAA" class="als-viewport">                                                             

           </div>

</div>

 

 

if(data> 0){

                                  $("#AAA ").als({

                                             visible_items: 3,

                                             scrolling_items: 1,

                                             orientation: "horizontal",

                                             circular: "yes",

                                             autoscroll: "yes",

                                             interval: 10000,

                                             speed: 2500,

                                             easing: "swing",

                                             direction: "right",

                                             start_from: 0

                                  });        

                      } else {

                                  $("# AAA ").als({

                                             visible_items: 3,

                                             scrolling_items: 1,

                                             orientation: "horizontal",

                                             circular: "yes",

                                             autoscroll: "no",

                                             interval: 3000,

                                             speed: 2500,

                                             easing: "swing",

                                             direction: "right",

                                             start_from: 0

                                  });        

                      }