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プラグイン

  • jQZoom

    jQZoom

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

  • stalactite

    stalactite

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

  • ImageScroller

    ImageScroller

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

  • FeaturedImageZoomer

    FeaturedImageZoomer

    画像上をマウス移動することで拡大画像を見ることができる

  • Zoomer

    Zoomer

    画像の拡大縮小表示ができる