0

フォトギャラリーのあるサイトを構築しています。クリックしたときに画像を表示するためにカラーボックスを使用しています。ただし、すべてのサムネイルを画面に表示する代わりに、それらをカルーセル効果で表示できる方法があるかどうか疑問に思っていました。

たとえば、10 個のサムネイルがありますが、一度に 3 個しか表示できない小さな領域に配置したいと考えています。ユーザーがサムネイルを前後にスクロールしてから、カラーボックスを使用して選択した画像を表示できるようにしたいと考えています。

さまざまなオプションを試してみましたが、カラーボックスのポップアップではなく、サムネイルの上に大きな画像が表示されているようです。おそらく私が見逃しているのに役立つオプション/モジュールはありますか?

ありがとう

4

2 に答える 2

0

現時点では、提供するコードはありません。おそらく数時間で何かを装備できると思いますが、その必要はありません。これを実現するためにjQueryを使用することを検討します。画像へのパスを表す文字列の配列を持つことができます...次に、左、右、中央に使用される 3 つの div のスタイルを、両側に矢印アイコンで設定できます。次に、div の background-image のソースを配列内の 3 つの画像に設定し、矢印をクリックするたびに配列内でマーカーを移動するだけです。最も困難なケースは、右矢印をクリックしたときに配列の最後に到達し、左矢印をクリックしたときに配列の先頭に到達することを説明することです (どちらも簡単なチェックです...)

于 2013-04-11T03:37:33.503 に答える