Zoomer

JavaScript

画像をズームできてギャラリーにもすることができるjQueryプラグイン「Zoomer」

ZoomerというjQueryプラグインを使えば画像をズームさせる機能を実装することができます。また、複数の画像を記述することでギャラリーにすることもできるのでとても便利ですね。ギャラリーでも各画像に対してズーム機能がついているので画像を細部までじっくり見せたいといった時に役立ちますね。

[ads_center]

Zoomerの使い方

Zoomer

Zoomer

下部にある「+」で拡大、「ー」で縮小することができます。

使い方もとてもシンプルですね。

$(".viewer").zoomer();

画像を指定。

<div class="viewer">
    <img src="画像" />
</div>

ギャラリーの場合は複数の画像を記述します。

<div class="viewer">
    <img src="画像1" />
    <img src="画像2" />
    <img src="画像3" />
</div>

画像をズームしたり、それに対応したギャラリーを実装したい時に覚えておきたいプラグインです。

スポット修正ツールのぼかし設定Lightroomのスポット修正ツールはぼかしを使うといい感じ前のページ

シンプルなページネーションを実装できるjQueryプラグイン「simplePagination.js」次のページsimplePagination.js

関連記事

  1. jQuery Scrollify

    JavaScript

    セクションごとにスクロールしてくれる「jQuery Scrollify」

    jQuery Scrollifyはセクションごとにスクロールしてくれる…

  2. JavaScript

    スライドアニメーションが素敵なjQueryスライダー「Slideshow with jmpress.…

    とても素敵なスライドアニメーションを実装することができるjQueryス…

  3. countdownCube

    JavaScript

    3Dキューブのように回転するカウントダウンタイマーを実装できる「countdownCube」

    countdownCubeは3Dキューブのようにクルッと回転するカウン…

  4. Cube-jQuery-Slider

    JavaScript

    3Dキューブなスライダーを実装できる「Cube-jQuery-Slider」

    Cube-jQuery-Sliderは、3Dキューブなスライダーを実装…

  5. jExcel

    JavaScript

    Excelと互換性のあるスプレッドシートを埋め込めるjQueryプラグイン「jExcel」

    jExcelは、ブラウザにExcelと互換性のあるスプレッドシートを埋…

  6. JavaScript

    サイドからスライド開閉するレスポンシブメニューのjQueryプラグイン「Material Menu」…

    Material Menuはサイドからスライド開閉するレスポンシブ対応…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. King クリーニングティッシュ
  2. PDA-STN36S
  3. クッキー&クリーム ポップコーン
  4. マウイチップス マウイオニオン味
  5. グリーンビーントゥーバー

アーカイブ

PAGE TOP