jqueryピクチャ増幅器プラグイン
5992 ワード
マウスを1枚の画像に移動すると、その画像のいくつかの詳細を拡大します.
ショッピングモール製品の画像プレビューの効果を作るには、下の画像をクリックすると、上の画像が変化します.
現在表示されているピクチャを動的に拡大するには、hrefとrelを設定する必要があります.要求jquery-1.6.js,jquery-1.9.1はサポートされていません.
demoダウンロードアドレスhttp://files.cnblogs.com/simpledev/jquery%E5%9B%BE%E7%89%87%E6%94%BE%E5%A4%A7%E5%99%A8%E6%8F%92%E4%BB%B6demo.rar
<html>
<head>
<script src="../js/jquery-1.6.js" type="text/javascript"></script>
<script src="../js/jquery.jqzoom-core-pack.js" type="text/javascript"></script>
<link rel="stylesheet" href="../css/jquery.jqzoom.css" type="text/css">
</head>
<body>
<a href="1.jpg" class="jqzoom" rel='gal1' style="" title="">
<img src="1.jpg" border="0" style="border: 1px solid #666;" title="" width="100px" height="100px">
</a>
</body>
<script type="text/javascript">
$(document).ready(function() {
$('.jqzoom').jqzoom({
zoomType: 'standard',
lens:true,
preloadImages: false,
alwaysOn:false
});
});
</script>
</html>
ショッピングモール製品の画像プレビューの効果を作るには、下の画像をクリックすると、上の画像が変化します.
現在表示されているピクチャを動的に拡大するには、hrefとrelを設定する必要があります.要求jquery-1.6.js,jquery-1.9.1はサポートされていません.
demoダウンロードアドレスhttp://files.cnblogs.com/simpledev/jquery%E5%9B%BE%E7%89%87%E6%94%BE%E5%A4%A7%E5%99%A8%E6%8F%92%E4%BB%B6demo.rar