jquery - Nivo Slider プラグインのサムネイルにスライダーを追加するには?

Question

私はかなり長い間これを検索し、2 つの異なるプラグインを組み合わせてこれを機能させようとしましたが、何も機能していないようです。

nivoスライダーのサムネイルにスライダーを追加して、一度に5つのサムネイルしか表示できず、サムネイル領域をクリックまたは左にすると、スライドして次の5つのサムネイルを表示するための良いリンクを知っていますか?

JSCarousel と ThumbnailScroller を .nivo-controlNav タグに試してみましたが、どちらもうまくいきませんでした。

どんな助けでも感謝します！

Answer 1

カスタムソリューションを設計する必要があるようです。JSCarouselをもう一度試してみることをお勧めします。これまで、これとまったく同じソリューションでJSCarouselを使用し、成功しました。そうでなければ、私はあなたのためにあなたのコードを書きませんが、擬似コードはそのようになります：

1. サムネイルの高さ（マージンとパディングを含む）と自動幅であるdivタグ内に、すべてのサムネイルを一覧表示します。固定幅でその周りにdivをラップします。たとえば、90ピクセルの正方形のサムネイルがあり、それぞれの周りに10ピクセルのパディングが必要な場合、コンテナのdivの高さは110ピクセルで、5つのサムネイルを表示する場合、幅は550ピクセルです。最も重要なことは、他のサムネイルが表示されないように、オーバーフローを非表示に設定する必要があるということです。
2. どちらかの側にボタンを作成します。
3. ボタンをクリックして、divを保持しているサムネイルの左位置を550px（または任意の幅）シフトします。
4. 左の位置が幅よりも大きい（右の限界に達した）か、0よりも小さい（左の限界に達した）かどうかをチェックする条件ステートメントがあります。

うまくいけば、これはあなたを正しい方向に向けるでしょう！