Zoomerang.js

JavaScript

ズームイン・ズームアウトの機能を実装できるjQueryプラグイン「Zoomerang.js」

Zoomerang.jsというjQueryプラグインを使えば、画像やDOM要素をズームイン・ズームアウトできる機能を実装することができます。実際のデモでは、各要素をクリックするとズームインして、再度クリックするとズームアウトしていきます。

[ads_center]

Zoomerang.jsの使い方

Zoomerang.js

Zoomerang.js

Zoomerang.listen('#my-image')

色んなところに使えるのでとても便利な機能です。Webサイト上で、特定の要素をズームイン・ズームアウトしたいといった時は活用したいですね。

YouTube OptionsYouTubeの広告を消して非表示にするChrome拡張機能「YouTube Options」前のページ

Flickr・Picasa・Google+ストレージなどに対応したjQueryプラグインのイメージギャラリー「nanoGALLERY」次のページnanoGALLERY

関連記事

  1. JavaScript

    カスタマイズも自由にできるjQuery「bxSlider」の使い方

    個人的にかなりよさげなjQueryスライダーを使ってみました。その名も…

  2. no-image

    JavaScript

    水平・垂直に対応したカルーセルスライドショー「jCarousel」

    jCarouselは水平・垂直に対応したカルーセルスライドショーを実装…

  3. jQuery Inline Footnotes

    JavaScript

    ホバーで脚注を表示できる「jQuery Inline Footnotes」

    jQuery Inline Footnotesはホバーすることで脚注の…

  4. Bricklayer

    JavaScript

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

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

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

    JavaScript

    jQueryのbindメソッドとliveメソッドの簡単な違いや使い方

    bindとliveの違いがちょっとわかりずらかったのでまとめてみました…

  6. JavaScript

    ページ内のリンクをスムーズに移動できるsmoothScroll.jsを使ってみた

    ページ内のリンクをスムーズに移動してくれる「smoothScroll.…

コメント

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

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

最近の記事

  1. EOS RP
  2. COMOLI シルクネルジャケット シルクネルドローストリングパンツ
  3. スターバックス ハシエンダ アルサシア
  4. イングリッシュマフィン

アーカイブ

PAGE TOP