no-image

JavaScript

多彩なコンテンツ表示やカスタマイズ性を有する「LC Lightbox」

LC Lightboxは画像や動画など多彩なコンテンツ表示ができたり高いカスタマイズ性を有するjQuery Lightboxプラグインです。かなり高機能なので、自サイトに合わせたカスタマイズをしてじっくり仕上げたい人にはピッタリです。

LC Lightbox

デモ

Live Demosという項目の場所に、Images GalleryやMixed Contentsといったデモが用意されています。

各サムネイルをクリックすると、Lightboxのようにコンテンツが拡大して表示される仕組みです。拡大表示されたコンテンツ内には前後移動できる左右矢印ボタンやスライドショーの再生・停止ボタン、拡大・縮小ボタンなどさまざまな機能が搭載されています。

また、下部には他のサムネイル画像も並べられているので、ここから直接見たいコンテンツを選択することも可能です。

イメージギャラリーとして使えるだけでなく、動画やGoogleマップ、インラインのHTMLなど多彩なコンテンツを表示できます。

LC Lightbox

basicScrollモバイル・デスクトップに対応したパララックススクロール実装「basicScroll」前のページ

シンプルで滑らかな水平スクロール実装「Los Scrollos」次のページLos Scrollos

関連記事

  1. topbar

    JavaScript

    画面上部に美しいプログレスバーを表示できる「topbar」

    topbarは、ページ読み込み時に画面上部に美しいプログレスバーを表示…

  2. Toolgif

    JavaScript

    GIFアニメーションによるツールチップを実装できる「Toolgif」

    ToolgifはGIFアニメーションを活用したツールチップを実装するこ…

  3. gridslide.js

    JavaScript

    いろんな方向に画像をスライドできるjQueryイメージスライダー「gridslide.js」

    gridslide.jsはいろんな方向に画像をスライドさせることができ…

  4. Squishy

    JavaScript

    テキストをコンテナに合わせて自動でサイズ変更してくれるjQueryプラグイン「Squishy」

    SquishyというjQueryプラグインを使えばテキストをコンテナに…

  5. GridTab

    JavaScript

    グリッドベースのレスポンシブなタブを実装できるjQueryプラグイン「GridTab」

    GridTabはグリッドベースによるレスポンシブに対応したタブを実装す…

  6. Choreographer-js

    JavaScript

    多彩なCSSアニメーションを実現できる「Choreographer-js」

    Choreographer-jsは、多彩なCSSアニメーションを実現さ…

最近の記事

  1. エチオピア
  2. 紗々 飴色和栗
  3. DCG-CA21
  4. Apple WatchでのMacロック解除を無効
  5. オータムスイートポテトフラペチーノ

アーカイブ

PAGE TOP