Nivoスライダプラグインのサムネイルにスライダを追加するには？

Question

私はこれをかなりの間検索し、この作業をするために2つの異なるプラグインを入れてみましたが、何も動作していないようです。

nivoスライダーのサムネイルにスライダーを追加するための良いリンクがありますので、サムネイルを5回だけ表示できます。サムネイル領域をクリックまたは左に移動するとスライドして次の5サムネイル？

私はJSCarouselとThumbnailScrollerを.nivo-controlNavタグにしようとしましたが、いずれにも不運がありました。

ありがとうございます、ありがとうございます！

Answer 1

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

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

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