Luminous

JavaScript

軽くてシンプルなLightboxを実装できるスクリプト「Luminous」

Luminousを使えば軽くてシンプルなLightboxを実装することができます。指定した画像をクリックすると拡大表示されます。

サクサク動作するのでとても快適ですね。小さいサムネイル画像をカッコよく手軽に拡大表示させたい場合に役立つ機能です。オプションもいろいろ用意されているので、カスタマイズして使いたい方にも最適ですね。

Luminous

デモ

画像にホバーするとカーソルが矢印から虫眼鏡に切り替わるので、瞬時にクリックで大きな画像を見れるんだな、ということがわかります。

クリックするとスムーズなアニメーションで拡大した画像が表示されます。背景にはグレーのオーバーレイがかかります。そして再度画像をクリックすると元の状態に戻ります。

使い方も非常にシンプルなので、気軽に実装できるのがいいですね。

オプションにはnamespace、sourceAttribute、captionAttribute、openTrigger、closeTriggerなど、ほかにもいろんな項目が用意されています。

Lightboxをカスタマイズして自サイトに取り入れたい方にはうれしいですね。

というわけで、シンプルで軽量なLightboxを手軽に実装したい方は、ぜひLuminousをチェックしてみてはいかがでしょうか。

Luminous

E300BTオンキョーのBluetooth対応のマイクつきインナーイヤホン「E300BT」前のページ

Photoshopのブラシの読み込み方(.abrファイルの追加方法)について次のページPhotoshopのブラシの読み込み方

関連記事

  1. PopSelect

    JavaScript

    タグ形式のセレクトボックスをポップオーバーで表示させる「PopSelect」

    PopSelectはタグ付けするような感覚のセレクトボックスをポップオ…

  2. CaptionerJs

    JavaScript

    画像に開閉できるキャプションを実装できるjQueryプラグイン「CaptionerJs」

    CaptionerJsは画像に開閉できるキャプションを実装することがで…

  3. EndlessRiver

    JavaScript

    エンドレスに流れていくコンテンツスライダー「EndlessRiver」

    EndlessRiverはエンドレスに流れていくコンテンツスライダーを…

  4. JavaScript

    サムネイルをクリックして拡大画像が見れるレスポンシブ対応のjQuery画像ギャラリー「Superbo…

    綺麗に並んだサムネイル画像をクリックして拡大画像を見ることができるjQ…

  5. JavaScript

    Google マップを簡単でシンプルに使えるようにしてくれる「gmaps.js」

    Google マップをとても簡単に扱えるようにしてくれるgmaps.j…

  6. percircle

    JavaScript

    カスタマイズもできるパーセンテージのサークル実装「percircle」

    percircleはCSSによるパーセンテージのサークルを実装できるj…

最近の記事

  1. クッキー&クリーム ポップコーン
  2. マウイチップス マウイオニオン味
  3. グリーンビーントゥーバー
  4. VS-543AS

アーカイブ

PAGE TOP