Chocolat

JavaScript

レスポンシブ対応のシンプルなLightbox風のjQueryプラグイン「Chocolat」

Chocolatはレスポンシブに対応したシンプルでスタイリッシュなLightbox風のjQueryプラグインです。画面全体にオーバーレイをかけてその上に画像を表示させたり、ビューアを設置してその場所内で表示させたりすることもできます。

[ads_center]

Chocolat

以下はChocolatのデモです。

Chocolat

デモ

複数の要素がグループになっているものには、クリック時に前後移動できる左右の矢印が表示されています。

全体的にシンプルでスッキリしたデザインなので画像がよく映えますね。

IE 7+、Safari、Firefox、Chromeなどに対応しているとのこと。

Chocolat

Points Of Interest各ポイントごとにクリックで詳細文を表示させるjQuery「Points Of Interest」前のページ

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

関連記事

  1. Wipe Slider

    JavaScript

    背景画像を滑らかにスライドさせるjQueryプラグイン「Wipe Slider」

    Wipe Sliderは背景画像を滑らかにスライドさせることができるj…

  2. jQuery Parallax

    JavaScript

    美しいパララックススクロールエフェクトを実装できる「jQuery Parallax」

    jQuery Parallaxは美しいパララックススクロールエフェクト…

  3. Simple HTML Menu

    JavaScript

    モバイルにもピッタリなレスポンシブ対応のメニュー実装「Simple HTML Menu」

    Simple HTML Menuは、モバイルにもピッタリなレスポンシブ…

  4. Scrolltab

    JavaScript

    スクロール移動させるタブを追加できるjQueryプラグイン「Scrolltab」

    ScrolltabというjQueryプラグインを使えばスクロール移動さ…

  5. ZooMove

    JavaScript

    マウスオーバーで画像を拡大ズーム・移動もできるjQueryプラグイン「ZooMove」

    ZooMoveは、マウスオーバーで指定された画像やエリアをズームするこ…

  6. JavaScript

    アニメーション付きの水平・垂直プログレスメーターを実装できる「jQMeter」

    jQMeterはアニメーションが付いた水平・垂直のプログレスメーターを…

最近の記事

  1. COMOLI ダブルレイヤー L/Sクルー
  2. メキシコ オアハカ
  3. ドリップ
  4. チェリー
  5. 温泉水99

アーカイブ

PAGE TOP