썸네일 컨트롤이있는 FlexsliderNav - 동기화되지 않음

내가 잘못하고있는 것을 찾으려고 미쳐 버렸습니다. 모든 사실에서 떨어져 괜찮 것처럼 난 그냥 데모 페이지에서 정확한 코드와 이미지, 테스트 HTML 페이지를 설정 한 점에 http://flexslider.woothemes.com/thumbnail-controlnav.html 썸네일 컨트롤이있는 FlexsliderNav - 동기화되지 않음

<body> 
<head> 
<link rel="stylesheet" href="flexslider.css" type="text/css"> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
<script src="jquery.flexslider.js" type="text/javascript"></script> 
<script type="text/javascript"> 

// Can also be used with $(document).ready() 
$(window).load(function() { 
    $('.flexslider').flexslider({ 
    animation: "slide", 
    controlNav: "thumbnails" 
    }); 
}); 

</script> 

</head> 
<div class="flexslider"> 
    <ul class="slides"> 
     <li data-thumb="slide1-thumb.jpg"> 
      <img src="slide1.jpg" /> 
     </li> 
     <li data-thumb="slide2-thumb.jpg"> 
      <img src="slide2.jpg" /> 
     </li> 
     <li data-thumb="slide3-thumb.jpg"> 
      <img src="slide3.jpg" /> 
     </li> 
     <li data-thumb="slide4-thumb.jpg"> 
      <img src="slide4.jpg" /> 
     </li> 
    </ul> 
</div> 
</body>

이 보이는 제 4 이미지 갤러리는 Flexslider 다음 썸네일 2 강조 등 화상 1

섬네일 1 디스플레이 이미지 4 섬네일 2 개 표시 화상 1 섬네일 3 개 표시 화상 2 섬네일 4 개 표시 화상 3을 표시 섬네일 1 강조 영상 (4)을 표시하고 그 다음에 반복됩니다.

아무도 아이디어가 있습니까?

제 머리를 구 해주세요!

Demo of above code

출처

2014-02-06 Steviehype

Flexslider 2.2.2에서 문제가있는 것으로 나타났습니다. 버전 2.2.1이 정상적으로 작동합니다! 이봐, 이거 너를 미치게 했어! – Steviehype

이 문제는 나에게 발생합니다. 다운로드 한 파일 (woothemes-FlexSlider-version-2.2.2-0-gce5441b)을 확인했을 때 데모 페이지 (thumbnail-controlnav.html)에 잘못된 이미지 순서가 표시됩니다. 내가 한 일은 라이브 사이트 http://flexslider.woothemes.com/thumbnail-controlnav.html과 비교하고 스크립트 jquery.flexslider.js를 업데이트합니다.

출처

2014-09-14 15:55:25 GBernaldez

썸네일 컨트롤이있는 FlexsliderNav - 동기화되지 않음

답변

관련 문제