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. Zoomify

    JavaScript

    画像ズーム効果によるシンプルなライトボックスを実装できる「Zoomify」

    Zoomifyは、画像のズーム効果を備えたシンプルなライトボックスのた…

  2. autoscroll.js

    JavaScript

    コンテンツを自動でスクロールしてくれるjQueryプラグイン「autoscroll.js」

    autoscroll.jsはwebページ内のコンテンツを自動でスクロー…

  3. Bricklayer

    JavaScript

    軽量なグリッドレイアウトを実装できる「Bricklayer」

    Bricklayerは軽量なグリッドレイアウトを実装することができるラ…

  4. Tagify

    JavaScript

    Vanilla JSを用いた軽量のタグ入力機能を実装できる「Tagify」

    TagifyはVanilla JSを用いた軽量のタグ入力機能を実装でき…

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

    JavaScript

    jQueryのeachメソッドのお勉強

    今回はjQueryのeachメソッドを使ってみました。なんかとても便利…

  6. Validatr

    JavaScript

    HTML5のinput属性による検証ができるフォーム実装「Validatr」

    Validatrは、HTML5のinput属性を用いて検証できるさまざ…

最近の記事

  1. 椿屋特製アイス珈琲
  2. 有栖川公園
  3. グーディオ オーガニックチョコレート(ミント)
  4. チキンバターマサラとシュリンプバターマサラ
  5. 恵比寿のダ・ミケーレのピザ

アーカイブ

PAGE TOP