img01

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

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.loupe.min.js"></script>
<script>
	$(window).load(function(){
  		$('#loupeDemo').loupe({
			width: 300,
			height: 200,
			loupe: 'loupe-glass'
		});
	});
</script>
<p><a id="loupeDemo" href="<PATH>/imgb01.jpg"><img src="<PATH>/imgb01.jpg" alt="img01" width="400"></a></p>

loupeについて

loupeはその名の通り、画像をルーペで見たように拡大できるプラグインです。
非常にシンプルで、ユーザーも直感的に使えると思います。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • Captions

    Captions

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

  • ImageScroller

    ImageScroller

    サムネイルをドラッグすることで大きな画像を見ることができる

  • jQZoom

    jQZoom

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

  • ImageLens

    ImageLens

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

  • LazyLoad

    LazyLoad

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