[JS] 画像の拡大やシェア、タッチジェスチャーに対応したLightbox風「PhotoSwipe」

PhotoSwipe」は、ページの画像をページ内にポップアップ表示させる、Lightbox風のJavaScript画像ギャラリー。

画像の表示方法がかなりよろしくて、拡大表示、キー操作、タッチジェスチャー、FacebookやTwitterへのシェアボタンなどが付いています。

拡大表示は、画像をフルサイズで見せたいときに有効ですし、タッチジェスチャーではスワイプでの画像送り以外に画像をつまんでの拡大・クローズに対応しているので、スマホユーザーには使いやすいでしょう。

続きを読む →

[Js] レスポンシブ&スマホ向けな「Image LightBox」の設置方法

画像をポップアップ表示するLightbox系の「Image Lightbox」は、レスポンシブデザイン対応でタッチフレンドリーな操作が可能です。様々な表示方法があり、スワイプで画像を切り替えることができるのでスマホ対応サイトなどにも幅広く使用できます。(表示デモ

実装はかなり簡単で、1つのjsファイルとjQueryをヘッダーで読み込んで、CSSを追加するだけなので、FC2などの無料ブログサービスにも最適です。

ここでは一例としてFC2ブログへの実装を紹介しています。

続きを読む →