[JS]Lightboxの進化形！操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip
スマホなどの小さいスクリーンでは昔からあるLightbox風の体験を与え、より大きいスクリーンではページ上にインタラクションのスペースを残すよう設計された、画像や動画をアニメーションで拡大表示させるjQueryのプラグインを紹介します。 フラットなデザインにも相性が非常によく、操作も快適でエレガントです！ しかも、IE7+にも対応。 Strip Strip -GitHub Stripのデモ Stripの使い方 Stripのデモ デモはChrome, Safari, Firefox, Opera, IEは7+、iOS5+, Android3+でご覧ください。 各画像をクリック・タップすると、拡大画像がスライドして表示されます。 拡大時はそのまま他の画像も表示できるギャラリー機能にも対応しています。 デモ：幅780pxで表示 スライド表示させるのは画像だけでなく、YouTubeやVimeoなど
![[JS]Lightboxの進化形！操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4b391a890221ac5696699ef145a5921c27e5824/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014100601-01.png)
Image Lightbox - レスポンシブ/タッチ操作対応のLightbox系画像ビューワー MOONGIFT
画像をクリックして拡大表示するライブラリとして有名なのはLightboxやColorboxです。どちらも便利なライブラリですが、主にデスクトップ向けというのが難点です。最近ではスマートフォンからのアクセスも多いので、レスポンシブな画像表示ライブラリが求められます。 今回紹介するImage Lightboxはまさにそのためのソフトウェアです。レスポンシブかつタッチ操作に対応した画像表示ライブラリとなっています。 表示例。画面中央に大きく表示されます。 基本的に画像以外の部分をクリックすると消えます。 背景を白くした場合。左右をクリックで別な画像に切り替わります。 ×ボタン付き。 キャプション付き。画面下に灰色の帯で表示されます。 ページネーション。ツアー表示などに使えそうですね。 これらの機能は組み合わせて利用できます。 続いてスマートフォンの場合。 浮かび上がり方が良いですね。 ×ボタン付
タッチに最適化されたLightBox実装jQueryプラグイン:phpspot開発日誌
jQuery Lightbox alternative: Touch Optimized Sliders "R"Us タッチに最適化されたLightBox実装jQueryプラグイン。 スワイプで画像が横にずれ、画像をクリックで拡大されるようなUIが作れます。 タッチデバイス向けのギャラリーをサクッと実装したい場合に使えそうです 関連エントリ スライダーの背景もダイナミックに切り替えるクールなスライダ実装jQueryプラグイン「Immersive Slider」 HTML5＆CSS3なレスポンシブなスライダー実装jQueryプラグイン「Slippry」 3Dでグルグル回転するインパクト大なスライダー実装jQueryプラグイン「Impulse Slider」 レスポンシブでタッチ対応な軽量なスライダー実装jQueryプラグイン「Unslider」 クロス環境で動作するレスポンシブスライダー実装
画像、地図、動画等何でも埋め込めるクールでフラットでレスポンシブなLightBox「VenoBox」:phpspot開発日誌
VenoBox - responsive jQuery modal window plugin 画像、地図、動画等何でも埋め込めるクールでフラットでレスポンシブなLightBox「VenoBox」 何でも埋め込める系はこれまでも何個か紹介しましたが、フラットデザインでレスポンシブという流行りも取り入れたLightBoxです。 LightBoxのデザインはシンプルですが、アニメーションがいい感じで動いてくれるフラット仕様。 関連エントリ フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 動画/地図/画像のポップアップが可能でレスポンシブなLightBox実装jQueryプラグイン「MagnificPopup」 スワイプできるLightBox実装jQueryプラグイン「Swipebox」
フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」:phpspot開発日誌
Nivo Lightbox - Dev7studios フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 次のようにシンプルなフラットデザインを採用したLightBoxが実装できます。 こういうところまでフラット化の波が押し寄せています。ざっぱ〜ん。 フラットなようで若干シャドウを使って立体的に見せているあたりもカッコいい。 iFrameやSWF,Youtube,Vimeoなどにも対応していてかなり使い勝手がよさそうです。 関連エントリ 動画/地図/画像のポップアップが可能でレスポンシブなLightBox実装jQueryプラグイン「MagnificPopup」 LightBoxはここまで進化したよ「VisualLightBox」 スワイプできるLightBox実装jQueryプラグイン「Swipebox」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fluidbox, a jQuery plugin for beautiful lightboxes
Loading...