$(function() {
var imgbox = $("#sl_imgbox"),
imglist = $("#sl_imglist"),
imglistdiv = $("#sl_imglist div"),
firstsrc = imglistdiv.find("img").first().attr("src"),
firstjqzsrc = imglistdiv.find("img").first().attr("jqimg");
imgbox.html('
');
var zoom_div = $(".sl_zoom"), imgbox_img = $(".sl_zoom img");
imglist.caroufredsel({
auto: false,
circular: false,
infinite: false,
prev: "#imglist_prev",
next: "#imglist_next",
items: { visible: 4 },
scroll: { items: 1 }
});
zoom_div.jqueryzoom({
xzoom: 306,//设置放大窗口的宽度
yzoom: 270,//设置放大窗口的高度
offset: 10,
position: "right",//放大窗口显示的位置
preload: 1,
lens: 1
});
imgbox_img.vcenter(250, 250);//产品展示图片等比例缩放居中
vhcenter();
imglist.find("div:eq(0)").addclass("active");
imglistdiv.find("img").each(function() {
$(this).vcenter('100%', '100%');//产品小图片等比例缩放居中
});
imglistdiv.click(function() {
if ($(this).hasclass("active")) return;
$(this).addclass("active").siblings().removeclass("active");
imgbox_img.attr("jqimg", $(this).find("img").attr("jqimg")).
attr("src", $(this).find("img").attr("src")).vcenter(250, 250);
vhcenter();
});
function vhcenter() {
zoom_div.css({
"margin-top": imgbox_img.css(""),
"margin-left": imgbox_img.css(""),
width: imgbox_img.width('100%'),
height: imgbox_img.height('100%')
});
imgbox_img.css({ "padding-top":0, "padding-left": 0, "padding-right": 0, "padding-bottom": 0 });
if (imgbox_img.attr("jqimg") == "") {
$(".jqmagnifier").remove();
}
else {
$(".jqmagnifier").remove();
$("#sl_picshow").append('');
}
};
});