Luminous

JavaScript

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

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

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

Luminous

デモ

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

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

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

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

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

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

Luminous

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

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

関連記事

  1. Shorten

    JavaScript

    長いテキストを自動で短縮してくれるjQueryプラグイン「Shorten」

    Shortenは指定した文字数以上の長いテキストを自動的に短縮してくれ…

  2. FocusPoint

    JavaScript

    画像の指定した部分を中心にレスポンシブ化できるjQueryプラグイン「FocusPoint」

    FocusPointというjQueryプラグインを使えば、画像の指定し…

  3. Zoomerang.js
  4. Skippr

    JavaScript

    軽くて速いスライドショーを実装できるjQueryプラグイン「Skippr」

    SkipprというjQueryプラグインを使えば、軽くて速いスライドシ…

  5. jquery.horizonScroll.js
  6. NO IMAGE

最近の記事

  1. サーモンアボカドサラダラップとドリップ
  2. 猿田彦フレンチ
  3. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  4. ビジネスホテル
  5. ドリップコーヒー

アーカイブ

PAGE TOP