In Out

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

  • files
  • js
  • html
<link href="<PATH>/jquery.fs.zoomer.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.fs.zoomer.min.js"></script>
<script>
    $(window).load(function(){
		$('#ZoomerDemo01, #ZoomerDemo02').zoomer();
		$('#ZoomerDemo03').zoomer({
			controls: {
				zoomIn: ".zoomer_custom_zoom_in",
				zoomOut: ".zoomer_custom_zoom_out"
			},
			customClass: "custom",
			increment: 0.03,
			interval: 0.1,
			marginMax: 50
		});
    });
</script>
<div id="ZoomerDemo01" class="zoomer_wrapper">
	<img src="<PATH>/imgb08.jpg" />
</div>

<div id="ZoomerDemo02" class="zoomer_wrapper">
    <img src="<PATH>/imgb20.jpg" />
    <img src="<PATH>/imgb06.jpg" />
    <img src="<PATH>/imgd13.jpg" />
</div>

<div id="ZoomerDemo03" class="zoomer_wrapper">
    <img src="<PATH>/imgb15.jpg" />
</div>
<div id="ZoomerBox04">
	<span class="zoomer_custom_zoom_in">In</span>
	<span class="zoomer_custom_zoom_out">Out</span>
</div>

Zoomerについて

Zoomerは、画像の拡大縮小表示ができるプラグインです。
複数の場合は、画像送りもついてきますし、シンプルですが便利なプラグインです。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンス
対応ブラウザ

関連するjQueryプラグイン

  • jQZoom

    jQZoom

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

  • simplyScroll

    simplyScroll

    シンプルな画像ギャラリーを設置できる

  • loupe

    loupe

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

  • LazyLoad

    LazyLoad

    ページ内の画像読み込みを遅延させる

  • Zoom

    Zoom

    ドラッグやマウスオーバーでその場で画像を拡大できる