JQuery Caroufredsel이 작동하지 않습니다. 모든 이미지가 표시됩니다.

Question

방금 ​​caroufredsel을 설치했는데 작동하지 않습니다. 내가 예상 할 수있는 것은, 1 개의 이미지가 나타나고, 다음 또는 이전을 클릭하면 다음 또는 이전 이미지가 나타날 것입니다. 아래 코드는 모든 이미지가 목록에 표시되도록합니다. 내 코드가 옳은 것처럼 내가 뭘 잘못하고 있는지 이해합니까?

여기 내 JQuery와 있습니다 :

<script type="text/javascript" language="javascript" src="js/jquery.carouFredSel-6.2.1-packed.js"></script> 
     <script type="text/javascript" language="javascript" src="js/jquery.mousewheel.min.js"></script> 
     <script type="text/javascript" language="javascript" src="js/jquery.touchSwipe.min.js"></script> 
     <script type="text/javascript" language="javascript" src="js/jquery.transit.min.js"></script> 
     <script type="text/javascript" language="javascript" src="js/jquery.ba-throttle-debounce.min.js"></script> 
     <script type="text/javascript"> 
      $('.caroufredsel-gallery').carouFredSel({ 
        width: 601, 
        height: 'auto', 
        prev: '#prev3', 
        next: '#next3', 
        auto: false 
       }); 

     </script> 

을 그리고 여기 내 HTML이다 : 어떤 도움이 크게 감사 것

<div> 
      <ul class="caroufredsel-gallery"> 

        <li><img src="images/gallery/1.jpg" width="601" /></li> 
        <li><img src="images/gallery/2.jpg" width="601" /></li> 
        <li><img src="images/gallery/3.jpg" width="601" /></li> 
        <li><img src="images/gallery/4.jpg" width="601" /></li> 
        <li><img src="images/gallery/5.jpg" width="601" /></li> 
        <li><img src="images/gallery/6.jpg" width="601" /></li> 
        <li><img src="images/gallery/7.jpg" width="601" /></li> 
        <li><img src="images/gallery/8.jpg" width="601" /></li> 
       </ul> 
       <div class="clearfix"></div> 
       <a id="prev3" class="prev" href="#">&lt;</a> 
       <a id="next3" class="next" href="#">&gt;</a> 
      </div><!--caroufredsel-gallery--> 

.

감사합니다, 여기에

Answer 1

J 시도하는 몇 가지 있습니다 :

• 당신의 caroufredsel 호출이 조각을 넣어 (items :1, scroll : 1)
• 당신의 CSS에 넣고 (.caroufredsel-gallery li { float: left; })

잘하면 도움이됩니다. 또한 플러그인이 실제로 호출되는지 확인하기 위해 사용중인 브라우저에서 콘솔을 확인하십시오. jQuery가 발견되지 않을 수도 있습니다. F12 키를 누르면 콘솔로 이동합니다. 희망이 도움이됩니다.

Answer 2

스크립트를 함수 내에 넣으십시오. 그게 효과가있다. 최종 스크립트는 다음과 같아야합니다.

<script type="text/javascript"> 
     $(function() { 
     $('.caroufredsel-gallery').carouFredSel({ 
       width: 601, 
       height: 'auto', 
       prev: '#prev3', 
       next: '#next3', 
       auto: false 
      }); 
     }); 
    </script>