0
我正在使用基金會框架和軌道。我在這裏建立了滑塊:http://www.abricot-production-dev.co.uk/group-two/gallery.html# 但目前拇指並未改變主要照片。基金會軌道自定義縮略圖不改變主圖像
我的代碼:
<div id="slider">
<img src="images/slider/image-01.jpg" data-thumb="image-01.jpg" data-caption="#captionOne"/>
<img src="images/slider/image-02.jpg" data-thumb="image-02.jpg" data-caption="#captionTwo"/>
<img src="images/slider/image-03.jpg" data-thumb="image-03.jpg" data-caption="#captionThree"/>
</div>
<span class="orbit-caption" id="captionOne">Here is another caption...</span>
<span class="orbit-caption" id="captionTwo">Here is a caption 2...</span>
<span class="orbit-caption" id="captionThree">And here is a caption 3...</span>
<ul class="orbit-bullets">
<li class="has-thumb" style="background-image: url(images/slider/thumbs/image-01.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; ">1</li>
<li class="has-thumb" style="background-image: url(images/slider/thumbs/image-02.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; ">2</li>
<li class="has-thumb" style="background-image: url(images/slider/thumbs/image-03.jpg); background-position: initial initial; background-repeat: no-repeat no-repeat; ">3</li>
</ul>
</div>
初始化:
<script>
$(window).load(function() {
$("#slider").orbit();
});
</script>
而且在foundation.min.js:
bullets:!1, bulletThumbs:!0, bulletThumbLocation:"../images/slider/thumbs/"
我缺少什麼?
安迪
這可能是過期的。我找不到鏈接頁面上的任何實現文本。 – MXMLLN 2014-04-08 14:57:49