クールなズームエフェクトjavascript「jQZoom」

画像を拡大表示するのにLightBoxを使用するのはもう時代遅れ。
LightBoxではできない指定場所の拡大もできます。
jQZoomはズームエフェクトをクールに実現します。
jQZoom

使用方法
jQZoomからjquery.jqzoom.jsとjqzoom.cssをjQueryからjquery.jsをダウンロードします。
<link rel="stylesheet" href="http://yourdomain/jqzoom.css" type="text/css" media="screen">
<script type="text/javascript" src="http://yourdomain/jquery.js"></script>
<script type="text/javascript" src="http://yourdomain/jquery.jqzoom.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
$("img.jqzoom").jqueryzoom();
});
</script>

上記を記述し、拡大させたい画像に以下のようにclass="jqzoom"を付与します。
<img src="画像小" class="jqzoom" alt="画像大">
クールなズームエフェクトjavascript「jQZoom」サンプル

sponsors

「クールなズームエフェクトjavascript「jQZoom」」をシェアする

記事作成:
記事URL:

TOP > > > クールなズームエフェクトjavascript「jQZoom」