Lập trình - Áo Hai Dây

Bước 1:

<link href="your_path/jqzoom.css" rel="stylesheet" type="text/css" media="screen" />

Bước 2:

<script src="your_path/jquery.js" type="text/javascript"></script>

<script src="your_path/jquery.jqzoom.js" type="text/javascript"></script> 

Bước 3:

<p class="jqzoom"><img src="images/shoe4_small.jpg" alt="shoe" jqimg="images/shoe4_big.jpg" /></p> 

Bước 4:

$(document).ready(function(){
$(".jqzoom").jqueryzoom();
});

Bạn có thể chỉnh sửa một chút ví dụ như:

$(document).ready(function(){
$(".jqzoom").jqueryzoom({
xzoom: 300, //zooming div default width(default width value is 200)
yzoom: 300, //zooming div default width(default height value is 200)
offset: 40, //zooming div default offset(default offset value is 10)
position: "right", //zooming div position(default position value is "right")
preload:1 // by default preload of big images is 1
lens:1 // by default the lens is 1
});

});

Vậy là xong rồi đó. 

minh.tran Javascript, Lập trình web, jQuery http://www.mind-projects.it/blog/jqzoom_v10

Ðược xem 1676 lần, 3 hôm nay