2014-12-10 2 views
1

내 페이지에 2 개의 플렉스 슬라이더가 있습니다. 하나는 무한 루프이며, 다른 루프는 무한 루프입니다. 다른 하나는 제대로 작동하지 않지만 다른 하나는 그렇지 않은 것이 이상합니다.Flexslider 회전 목마 무한 루프 버그

animationLoop을 이미 다른 슬라이더에 추가 한 경우에도 여전히 무한대로 반복되지 않습니다. 여기에 2 개의 플렉스 라이더가있는 페이지가 있습니다.

http://robinsons.jehzlau.net/

하나는 상기 무한히 반복되지만, 아래와은 아니다. 무한히 반복되지 않는 이유는 정말로 궁금합니다.

위의 슬라이더에 대한 코드는 다음과 같습니다. 이것은 무한 루프 하나입니다 :

<script type="text/javascript"> 
      $jq(window).load(function(){ 
       $jq('.ma-banner7-container .flexslider').flexslider({ 
       slideshow: true, 
       animation: "slide", 
       slideshowSpeed: 5000, 
       animationSpeed: 600, 
           controlNav: false, 
               start: function(slider){ 
        $jq('.ma-loading').css("display","none"); 
        //$jq('.banner7-title, .banner7-des, .banner7-readmore').css("left","100px"); 
       }, 
       before: function(){ 
        $jq('.banner7-title, .banner7-des').css("left","-550px"); 
        $jq('.banner7-readmore').css("left","-1500px"); 
       }, 
       after: function(){ 
        $jq('.banner7-title, .banner7-des, .banner7-readmore').css("left","100px") 
       } 
       }); 
      }); 
     </script> 

그리고 여기가 무한 루프에 원하는 슬라이더의 코드지만, 그렇지 않습니다. 내가 두 번째 슬라이더 내 코드에서 애니메이션 루프를 제거 그래서 사실,하지만 여전히, 그것은 무한 루프를하지 않습니다. 내가 눈치 무엇 :(

<script type="text/javascript">// <![CDATA[ 
      $jq(window).load(function(){ 
       $jq('.signSlider').flexslider({ 
       animation: "slide", 
       animationLoop: true, 
       controlNav: false, 
       itemWidth: 270, 
       itemMargin: 5, 
       slideshow: false 
       }); 
      }); 
// ]]></script> 

는 infintitely 루프 flexslider이 animationloop이없는 것입니다 . :(

실제로이 이미 게시 질문에 비슷한 :. Flexslider infinite loop is not working

가 JQuery와 전문가의 어떤 도움이 크게 될 감사하겠습니다 O_O

답변

0

내가 퀘스트를 발견 할 수 있습니다 생각 이온 대답은 여기에 : https://github.com/woothemes/FlexSlider/issues/287

플렉스 슬라이더에는 무한 순환 루프가 아직 구현되지 않았습니다. 너무 나쁘지 만, 결국 가장 반응이 좋은 슬라이더가 아닙니다. :(