1

現在 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>

4

1 に答える 1

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');
});
于 2014-06-26T16:40:12.460 に答える