img01

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<link href="<PATH>/multizoom.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/multizoom.js"></script>
<script>
	$(window).load(function(){
		$('#FeaturedImageZoomerDemo').addimagezoom({
			zoomrange: [3, 10],
			magnifiersize: [300,300],
			cursorshade: true
		});
		featuredimagezoomer.loadinggif = '[tempd]/images/common/loading.gif';
	});
</script>
<p><img id="FeaturedImageZoomerDemo" src="<PATH>/imgd14.jpg" alt="img01" width="400" /></p>

FeaturedImageZoomerについて

FeaturedImageZoomerは、画像上をマウス移動することで拡大画像を見ることができるプラグインです。
ECサイトの商品画像などで使ったりするといい感じですね。
コールバック関数があればよりグッドでした。
プラグインファイルの26行目にjQuery.noConflict()が記述されているので$で処理を書くとエラーになってしまいます。
不要ならコメントアウト。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスNo license
対応ブラウザ

関連するjQueryプラグイン

  • ImageLens

    ImageLens

    画像を虫眼鏡で見ているように拡大することができる

  • jQZoom

    jQZoom

    色々な方法で拡大画像を表示できる

  • Captions

    Captions

    画像のキャプションを表示してくれる

  • stalactite

    stalactite

    画像をジョジョに読み込んでいきながらタイル状に並べてくれる

  • loupe

    loupe

    画像をルーペで見たように拡大できる