$(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(''); } }; });