画像の一部をズームさせられるJavaScript「ImageLens」
ECなどのサイトで有効そうです。
sponsors
使用方法
jQuery Topbar message Plugin Demoからファイル一式をダウンロード。
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.imageLens.js"></script>
<script>
$(function () {
$("#id名").imageLens({
lensSize: 200, //レンズサイズ
borderSize: 8, //レンズの枠線サイズ
borderColor: "#06f" //枠線カラー
});
});
</script>
あとは画像にidを振れば完成です。
<amp-img id="id名" src="画像.jpg" />
画像の一部をズームさせられるJavaScript「ImageLens」サンプル
sponsors
記事作成:2012年1月11日 10:02
記事URL:http://www.skuare.net/2012/01/javascriptimagelens.html
TOP > javascript > 画像の一部をズームさせられるJavaScript「ImageLens」
前の記事:群雄割拠時代を迎えそうな国内ソーシャルテレビ系サービス4つ
次の記事:Facebookライクな@mentionができるJavaScript「jquery.mentionsInput」
あなたにはこちもお勧め!
jQuery プラグインまとめ!