在jQuery中移動幻燈片容器包裝的分頁SuperSlides

Question

我目前正在使用jQuery Superslides並希望將分頁移動到包裝div的外部。現在分頁位於我的圖像上方，我想在下面移動分頁。我嘗試過插入容器，它可以工作，但它會拋出分頁幻燈片順序。

有沒有人遇到過這個問題？我假設superslide.js文件必須調整...

任何建議，或者如果有人遇到了問題，並有一個很好的解決方案！

默認輸出：

<div id="slides" style="position: relative; overflow: hidden; width: 100%; height: 594px;"> 
<div class="slides-control" style="position: relative; height: 100%; width: 4995px; left: -1665px;"> 
<nav class="slides-pagination"> 
    <a class="current" href="#1">1</a> 
    <a href="#2">2</a> 
    <a href="#3">3</a> 
</nav> 
</div> 
</div> 

Answer 1

你應該只輸出自定義分頁HTML自己是這樣的：

<nav class="slides-pagination"> 
    <a class="current" href="#1">1</a> 
    <a href="#2">2</a> 
    <a href="#3">3</a> 
</nav> 

然後禁用自動分頁功能：

$('#slides').superslides({ 
    pagination: false 
}); 

而且，由於它們連接的.current類只對自動生成的菜單，則需要使用animated.slides事件這樣的複製這樣的功能：

$('#slides').superslides({ 
    pagination: false 
}).on('animated.slides', function() { 
    var current_index = $(this).superslides('current'); 
    $('.slides-pagination a').removeClass('current'); 
    $('.slides-pagination a').eq(current_index).addClass('current'); 
});