はてなブックマーク

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