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

    JavaScript

    画像で見せたいエリアを保持しながらレスポンシブにできる「ResponsifyJS」

    ResponsifyJSは画像のなかで見せたいエリアを保持させながらレ…

  2. WebSnowjq.js

    JavaScript

    Webページに雪を降らせてくれるjQueryプラグイン「WebSnowjq.js」

    WebSnowjq.jsはWebページの中に雪を降らせることができるj…

  3. Linear Slider

    JavaScript

    シンプルな機能で使いやすいjQueryによる水平スライダー「Linear Slider」

    Linear Sliderはシンプルな機能性による水平スライダーを実装…

  4. imagelightbox

    JavaScript

    レスポンシブ対応でタッチフレンドリーな画像ギャラリー「imagelightbox」

    imagelightboxは、レスポンシブに対応したタッチフレンドリー…

  5. JavaScript

    回転するアニメーション付きの円形ナビゲーションを実装できる「wheelnav.js」

    wheelnav.jsは回転する円形のナビゲーションを実装することがで…

  6. ax5ui-menu

    JavaScript

    カスタマイズしやすいコンテキストメニューを実装できる「ax5ui-menu」

    ax5ui-menuはカスタマイズしやすいシンプルなコンテキストメニュ…

最近の記事

  1. Anker PowerPort 5-in-1 37.5W Hub
  2. α7C + FE28-60mm F4-5.6
  3. Apple Watch Series 6
  4. iPad Air

アーカイブ

PAGE TOP