img01

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

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.imageLens.js"></script>
<script>
	$(window).load(function(){
		$('#ImageLensDemo').imageLens({
			lensSize: 200,
			lensCss: 'imagelens-Lens'
		});  
	});
</script>
<p><img src="<PATH>/imgb01.jpg" alt="img01" id="ImageLensDemo" width="400" /></p>

ImageLensについて

ImageLensは、画像を虫眼鏡で見ているように拡大することができるプラグインです。
レンズの大きさや、枠線の太さ、レンズのclass名などをオプションで設定できます。
ユーザビリティー的にもグッドですし、面白い使い方ができそうな気がしませんか?
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスNo license
対応ブラウザ

関連するjQueryプラグイン

  • Captions

    Captions

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

  • stalactite

    stalactite

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

  • loupe

    loupe

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

  • simplyScroll

    simplyScroll

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

  • ImageScroller

    ImageScroller

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