Luminous

JavaScript

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

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

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

Luminous

デモ

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

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

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

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

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

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

Luminous

関連記事

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

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

  3. PWS Tabs jQuery Plugin
  4. jQuery Waterwheel Carousel

    JavaScript

    水平や垂直方向に配置できる水車のような便利なカルーセル「jQuery Waterwheel Caro…

    水平方向や垂直方向に配置できる水車のような便利なカルーセル「jQuer…

  5. no-image

    JavaScript

    Lightboxスタイルのギャラリーやカルーセルを実装できる「slideBox.js」

    slideBox.jsはレスポンシブに対応したLightboxスタイル…

  6. Raindrops.js

    JavaScript

    水面に雨粒が落ちてくるエフェクトが素敵なjQueryプラグイン「Raindrops.js」

    Raindrops.jsは水面に雨粒が落ちてくる素敵なエフェクトを実装…

最近の記事

  1. メリーストロベリーケーキフラペチーノ
  2. 赤いなつめ

アーカイブ

PAGE TOP