PC&スマホサイトのレスポンシブ対応、ギャラリー系ライブラリで人気のPhotoSwipeを簡単に導入できるようにjQuery版にカスタマイズしました。 Light Boxを導入したことがあれば、導入方法はだいたい同じです。 jQuery PhotoSwipe V1.0.1 まずは DEMO そして実際に導入したイメージ デザインサンプル DEMO Download 先ほどのサンプル Download 機能は ・画像のグループ化(titleに英字でお好きなグループ名を入れてください) ・画像の拡大と縮小 ・モーダルに枚数表示 ・モーダルにコメントやタイトルの表示(位置やサイズはcssでカスタマイズできます) ・モーダル表示の際にウィンドウ幅が変更されると自動で拡大縮小 ・PCでは画像をドラッグしながらスライド可能 ・モバイルではスワイプで左右にスライド可能 DEMOとデザインサンプルはレスポ