ホームページ制作のサカエン

jQueryでSwipeboxを使ったデモページです。

jQueryでSwipeboxを使う方法は こちら を参照ください。

jQuery 画像の拡大・スワイプ スマホ対応プラグイン Swipebox

jQueryでSwipeboxを実装する

サムネイルをクリックして拡大表示するサンプルと、ギャラリーをクリックしてと拡大表示してスワイプするサンプルをご紹介します。

サムネイル画像を拡大表示する

サムネイル画像をクリックすると、オリジナル画像を拡大表示するサンプルです。

Swipebox デモ

ギャラリー画像を拡大表示してスワイプする

ギャラリーをクリックすると、オリジナル画像を拡大表示してスワイプするサンプルです。

ギャラリー1

Swipebox スワイプデモ1
Swipebox スワイプデモ2
Swipebox スワイプデモ3
Swipebox スワイプデモ4

ギャラリー2

Swipebox スワイプデモ5
Swipebox スワイプデモ6
Swipebox スワイプデモ7
Swipebox スワイプデモ8