jquery - 単一のリンクから SwipeBox ギャラリーを読み込む

Question

私は Swipebox を使用していますが、親指からギャラリーをロードしたり、単一のリンクからビデオをロードしたりするのに問題なく動作しますが、単一のリンクからギャラリーをロードするにはどうすればよいですか?

ドキュメントはこのオプションを提供します http://brutaldesign.github.io/swipebox/#advanced

しかし、CMSなどで無制限/編集可能である必要があるため、画像への参照をスクリプトに含めたくありません

何か案は？

乾杯。ベン。

Answer 1

完璧な解決策ではないため、役立つかどうかはわかりません。最初のサムネイルまたは画像を保持する div を作成します。その最初の画像の下に、ギャラリーに属するすべての画像が一覧表示されます。この div の css プロパティを介してオーバーフローを隠して割り当てます。div のサイズは、最初の画像の高さと幅に一致します。私が言ったように、それは良い解決策ではありませんが、少なくとも機能します。

html

<div class="hiddenoveflow">
<a rel="gallery-1" href="big/image1.jpg" class="swipebox">
    <img src="small/image1.jpg" alt="image">
</a>
<a rel="gallery-1" href="big/image2.jpg" class="swipebox">
    <img src="small/image2.jpg" alt="image">
</a>
</div>

CSS

.hiddenoverflow{height:100px;width:100px;overflow:hidden}/// match dimensions of your first small image