jQueryで画像を拡大させるJavascript「Featured Image Zoomer」

クチコミサイト構築「エディタ・エンタープライズ」
デモサイトトップ
制作技術
jQueryで画像を拡大させるJavascript「Featured Image Zoomer」

クチコミサイト構築「エディタ・エンタープライズ」デモサイト

日本初のブログ自動収集システム「エディタ・エンタープライズ」により、簡単・低コスト・SEO対策が可能な口コミサイトが構築可能です。
ブロガー別の記事一覧やカテゴリ別、月別、取得画像別などさまざまな切り口で見せることができるので、映画や商品のキャンペーンをはじめ、テーマ別のポータルサイトを構築できます。

2010年05月20日｜記事提供：すくえあ

ECサイトなどで使用される、画像にマウスを乗せると拡大するあれ。
jQueryプラグイン「Featured Image Zoomer」で実現しましょう。

使用方法
Featured Image Zoomerからfeaturedimagezoomer.jsをダウンロードします。
ローディング画像もありますので、必要であれば一緒にダウンロードしてください。
また、jQueryからjquery.jsをダウンロードします。

なお、ローディング画像はfeaturedimagezoomer.js内に記述場所があります。
あとは拡大させたい画像にidを付与すれば完成です。

jQueryで画像を拡大させるJavascript「Featured Image Zoomer」サンプル