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. Tikslus Carousel
  2. jQuery Inline Footnotes

    JavaScript

    ホバーで脚注を表示できる「jQuery Inline Footnotes」

    jQuery Inline Footnotesはホバーすることで脚注の…

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachメソッドのお勉強

    今回はjQueryのeachメソッドを使ってみました。なんかとても便利…

  4. RELLAX

    JavaScript

    超軽量で滑らかなパララックスを実装できるライブラリ「RELLAX」

    RELLAXは、滑らかなパララックスを実装できるバニラJavaScri…

  5. JavaScript

    複数カラムをレスポンシブに対応させるjQueryプラグイン「jquery.columns」

    複数あるカラムをレスポンシブに対応させるためのjQueryプラグイン「…

  6. Vimeo Carousel Gallery

最近の記事

  1. ペーストしてスタイルを合わせる
  2. Hermèsオレンジスポーツバンド
  3. GoPro HERO8 Black

アーカイブ

PAGE TOP