Jquery simplyScroll 동일한 페이지에서 여러 스크롤러

Question

몇 스크롤러처럼 내 페이지에서 몇 번만 연결하는 Jquery simplyScroll을 사용해야합니다. 코드를 게시하고 있습니다. 나는이 코드로 내 자신을하려고했지만 그것을 완료 할 수 없습니다.

<script type="text/javascript" src="./jQuery simplyScroll - Logicbox_files/jquery.min.js"> 
</script> 
<!--<script type="text/javascript" src="/js/common.js"></script>--> 
<script type="text/javascript" src="./jQuery simplyScroll - Logicbox_files/jquery.simplyscroll-1.0.4.min.js"></script> 
<link rel="stylesheet" href="./jQuery simplyScroll - Logicbox_files/jquery.simplyscroll-1.0.4.css" media="all" type="text/css"> 
<script type="text/javascript"> 
(function($) { 
    $(function() { 
     $("#scroller").simplyScroll({ 
      autoMode: 'loop' 
     }); 

    }); 
})(jQuery); 
</script> 
</head> 


<div class="simply-scroll simply-scroll-container"><div class="simply-scroll-back"></div><div class="simply-scroll-forward"></div><div class="simply-scroll-clip"> 
<ul id="scroller" class="simply-scroll-list" style="width: 2895px; "> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080608_9N3H5GYL_tb.jpg" width="290" height="200" alt="Firehouse"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080513_4D3SD1BQ_tb.jpg" width="290" height="200" alt="Chloe nightclub"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080513_VPJWVQRW_tb.jpg" width="290" height="200" alt="Firehouse bar"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080514_B1YJ08B6_tb.jpg" width="290" height="200" alt="Firehouse chloe club fishtank"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080514_JYW68XPT_tb.jpg" width="290" height="200" alt="Firehouse restaurant"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080608_38CG51J2_tb.jpg" width="290" height="200" alt="Firehouse"></li> 
      <li><img src="./jQuery simplyScroll - Logicbox_files/20080608_9N3H5GYL_tb.jpg" width="290" height="200" alt="Firehouse"></li><li><img src="./jQuery simplyScroll - Logicbox_files/20080513_4D3SD1BQ_tb.jpg" width="290" height="200" alt="Chloe nightclub"></li></ul></div></div> 

      <div class="simply-scroll simply-scroll-container"><div class="simply-scroll-back"></div><div class="simply-scroll-forward"></div><div class="simply-scroll-clip"> 
<ul id="scroller" class="simply-scroll-list" style="width: 2895px; "> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080608_9N3H5GYL_tb.jpg" width="290" height="200" alt="Firehouse"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080513_4D3SD1BQ_tb.jpg" width="290" height="200" alt="Chloe nightclub"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080513_VPJWVQRW_tb.jpg" width="290" height="200" alt="Firehouse bar"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080514_B1YJ08B6_tb.jpg" width="290" height="200" alt="Firehouse chloe club fishtank"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080514_JYW68XPT_tb.jpg" width="290" height="200" alt="Firehouse restaurant"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080608_38CG51J2_tb.jpg" width="290" height="200" alt="Firehouse"></li> 
      <li><img src="./jQuery simplyScroll - Logicbox_files/20080608_9N3H5GYL_tb.jpg" width="290" height="200" alt="Firehouse"></li><li><img src="./jQuery simplyScroll - Logicbox_files/20080513_4D3SD1BQ_tb.jpg" width="290" height="200" alt="Chloe nightclub"></li></ul></div></div> 

감사

Answer 1

당신은 하나를 사용할 수 없으며, 동일한 ID를 여러 번. 그것은이

(function($) { 
    $(function() { 
     $("#scroller").simplyScroll({ 
      autoMode: 'loop' 
     }); 


     $("#scroller1").simplyScroll({ 
      autoMode: 'loop' 
     }); 


     $("#scroller2").simplyScroll({ 
      autoMode: 'loop' 
     }); 

    }); 
})(jQuery); 

Answer 2

싶

뭔가를 작동하지 않는 전에 여러 스크롤에 대한 class 대신 id를 사용할 수 있습니다. 나는 그것이 당신을 도울 것이기를 바랍니다.

(function($) { 
    $(function() { 
     $(".scroller").simplyScroll({ 
      autoMode: 'loop' 
     }); 
    }); 
})(jQuery); 

당신은 하나의 동일한 ID를 여러 번 사용할 수 없습니다이

<ul class="scroller simply-scroll-list" style="width: 2895px; ">....</ul> 
<ul class="scroller simply-scroll-list" style="width: 2895px; ">....</ul>