如何让jqzoom支持动态更换放大图(jqzoom change image)求答案
展开全部
看了半天源码,同时上网搜索了一下午,仅仅在一个国外同行的blog中发现了修改方法,在经过优化后,先公布如下:
官方的代码:
var options ={zoomWidth: 400,
zoomHeight: 300,
xOffset: 5,
title: false,
lens: true};
$(function() {
$(".jqzoom").jqzoom(options);});
自定义的动态更换放大图的代码(也用的jquery):
function changeImg(imgFileName) {
$(".jqZoomWindow").remove();//关键操作1
$(".jqZoomPup").remove(); //关键操作2
$("img[id=img_productMainImg]").attr("src",imgFileName);
$("a[id=a_productMainImg]").unbind(); //关键操作3
$("img[id=img_productMainImg]").unbind(); //关键操作4
官方的代码:
var options ={zoomWidth: 400,
zoomHeight: 300,
xOffset: 5,
title: false,
lens: true};
$(function() {
$(".jqzoom").jqzoom(options);});
自定义的动态更换放大图的代码(也用的jquery):
function changeImg(imgFileName) {
$(".jqZoomWindow").remove();//关键操作1
$(".jqZoomPup").remove(); //关键操作2
$("img[id=img_productMainImg]").attr("src",imgFileName);
$("a[id=a_productMainImg]").unbind(); //关键操作3
$("img[id=img_productMainImg]").unbind(); //关键操作4
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询