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

    JavaScript

    チェックボックスをiOS7のようなスタイルにしてくれるjQueryプラグイン「Switchery」

    SwitcheryというjQueryプラグインを使えば、チェックボック…

  2. Lightbox

    JavaScript

    jQuery依存なしのシンプルなライトボックス機能を実装できる「Lightbox」

    LightboxはjQueryに依存することなくシンプルなライトボック…

  3. no-image

    JavaScript

    スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

    ScrollFixはスクロール時に特定の要素を固定して表示できるjQu…

  4. ReadRemaining.js

    JavaScript

    記事を読むのにかかる時間を教えてくれるjQueryプラグイン「ReadRemaining.js」

    ReadRemaining.jsは記事を読むのにどのくらい時間がかかる…

  5. jQuery Stick ‘em

    JavaScript

    スクロール時にその場所のコンテンツに応じたサイドバーが追従する「jQuery Stick ‘em」

    ちょっと使いどころがありそうなプラグインだったので使い方をメモしときま…

  6. infoBox

    JavaScript

    マウスオーバーでインフォメーションボックスを表示させる「infoBox」

    infoBoxはアイコンにマウスオーバーするとインフォメーションボック…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP