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風ギャラリーを実装したいときに、覚えておきたいですね。

テキストエディットで検索する方法Macのテキストエディットで検索する方法前のページ

Macのテキストエディットで検索した文字を置き換えるやり方次のページテキストエディットで検索した文字を置き換える

関連記事

  1. zelect

    JavaScript

    セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

    zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマ…

  2. KGallery

    JavaScript

    縦や横に配置されたサムネイルから画像を選択できるjQueryの画像ギャラリー「KGallery」

    縦や横に配置されたサムネイルから画像を選択することができるjQuery…

  3. Typed.js

    JavaScript

    プログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」

    Typed.jsは、プログラムを入力するように文字をタイプしてくれるエ…

  4. no-image

    JavaScript

    水平・垂直に対応したカルーセルスライドショー「jCarousel」

    jCarouselは水平・垂直に対応したカルーセルスライドショーを実装…

  5. Slinky.js

    JavaScript

    上下にスクロールでコンテンツが開閉するjQueryプラグイン「Slinky.js」

    なかなか面白かったのでご紹介します。上下にスクロールするとコンテンツが…

  6. AniX

    JavaScript

    優れたパフォーマンスと互換性を備えたアニメーションライブラリ「AniX」

    AniXは優れたパフォーマンスと互換性を備えた軽量のアニメーションライ…

最近の記事

  1. 200-DGBG020
  2. Anker PowerPort 5-in-1 37.5W Hub
  3. α7C + FE28-60mm F4-5.6

アーカイブ

PAGE TOP