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. TV Credits

    JavaScript

    垂直・水平方向に滑らかに流れていくティッカーを実装できるjQueryプラグイン「TV Credits…

    TV Creditsは垂直方向や水平方向に流れていくティッカーを実装す…

  2. jQueryプラグインで実装できるカレンダー

    JavaScript

    jQueryプラグインで実装できるカレンダー10選

    jQueryプラグインで実装することができる10個のカレンダーがCod…

  3. Houdini

    JavaScript

    シンプルな折りたたみ・展開やアコーディオンを実装できる「Houdini」

    Houdiniはシンプルな折りたたみ・展開ができる機能やアコーディオン…

  4. ptrLight

    JavaScript

    モバイル用のリフレッシュインジケーターを実装できる「ptrLight」

    ptrLightはモバイル用のリフレッシュインジケーターを実装すること…

  5. Navigation

    JavaScript

    コンテンツを押し出してナビゲーションを表示する「Navigation」

    Navigationはコンテンツを押し出すかたちでナビゲーションを表示…

  6. no-image

    JavaScript

    Bootstrap 4を使ったステッパープラグイン「bs-stepper」

    bs-stepperはBootstrap 4を使ったステッパーを実装で…

最近の記事

  1. 紫陽花
  2. 生ハム&モッツァレラチーズ サラダラップ
  3. コガネムシ
  4. ショルダーハム&5種の野菜サンドイッチ
PAGE TOP