JK Responsive Youtube Video and Image Gallery

JavaScript

画像や動画をLightboxのように実装できる「JK Responsive Youtube Video and Image Gallery」

JK Responsive Youtube Video and Image Galleryは画像や動画をLightboxのように実装することができます。レスポンシブ対応なので、さまざまなデバイスから最適なサイズで見れるのがいいですね。

そのほか、キャプションを表示したりキーボードやスワイプ操作にも対応しています。

JK Responsive Youtube Video and Image Gallery

JK Responsive Youtube Video and Image Gallery

画像や動画を単品で表示させれることはもちろん、複数のアイテムをグループにして表示させることも可能です。また、キーボードやスワイプでの前後移動にも対応しているので、PCやスマホでの操作性にも優れています。

画像や動画のサムネイルを選択して拡大表示させれるほかにも、テキストリンクから拡大表示させることもできます。

ほかにもキャプションの記述やオートクローズの設定もできるので、気になる方は、ぜひチェックしてみてください。

シンプルでレスポンシブに対応したLightbox風ギャラリーを実装したいときに、覚えておきたいですね。

関連記事

  1. scrollUp

    JavaScript

    スクロールしていくと先頭に戻るボタンを表示してくれるjQueryプラグイン「scrollUp」

    下へスクロールしていくと、先頭に戻るボタンを表示してくれるjQuery…

  2. JavaScript

    軽量(5KB)で機能も色々あるjQueryのスライダー「MobilySlider」を使ってみる

    軽量なんですが、色々と機能もあるいい感じのjQueryプラグイン「Mo…

  3. FlexSlider

    JavaScript

    jQueryプラグインのレスポンシブな軽量スライダー「FLEXSLIDER」の使い方や設定方法

    すごくいいですね、これ。スマートフォンにも対応させたいスライダーを探し…

  4. A simple jQuery Accordion with unlimited nesting

    JavaScript

    シンプルなアコーディオンを実装する「A simple jQuery Accordion with u…

    シンプルで見やすいアコーディオンを実装することができる「A simpl…

  5. FModal.JS

    JavaScript

    シンプルなフルスクリーンのモーダルウィンドウ「FModal.JS」

    FModal.JSはシンプルなフルスクリーンのモーダルウィンドウを実装…

  6. Viewer

    JavaScript

    画像の拡大や縮小、回転などができるイメージギャラリー「Viewer」

    Viewerは画像の拡大や縮小、回転、上下左右の切り替えといった機能を…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP