Flexslider w/thumbnail controlNav - 不同步

我一直在發瘋，試圖找到我在這裏做錯了。到了那裏我剛剛建立了一個測試的HTML頁面，從演示頁確切的代碼和圖像點 http://flexslider.woothemes.com/thumbnail-controlnav.html Flexslider w/thumbnail controlNav - 不同步

<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是突出縮略圖1和顯示圖像4，則突出顯示縮略圖2和顯示圖像等的1

縮略圖1個顯示圖像4 縮略圖2個顯示圖像1個縮略圖3個顯示圖像2 縮略圖4個顯示圖像3 然後它循環。

沒有人有任何想法？

請保存我的頭！

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

Flexslider w/thumbnail controlNav - 不同步

回答

相關問題