Javascript 针对多个图像的ajax更新后的模型缩放产品

当产品只有一个图像时，使用用于dotnetnuke.zoom图像的Hotcakes商业模块可以正常工作。用于缩放的jQuery库是

elevateweb.co

。

product.js中的（）代码也已更新

$('#hcProductImage').attr('src', data.MediumImageUrl);
$('#hcProductImage').attr('data-zoom-image', data.MediumImageUrl);
$('#hcProductImage').elevateZoom({easing : true});
$('#hcSku').html(data.Sku);

数据缩放图像
图像源属性已正确更新，但缩放显示更改产品型号后的上一张图像。更改
数据缩放图像后
attrib of image
elevateToom
函数已被调用以更新缩放。但是没有变化。
我不熟悉热蛋糕的商业。但是我认为你必须重新绑定缩放的DIV的背景图像

$('.zoomWindowContainer .zoomWindow').css({ 'background-image': 'url(\'' + data.MediumImageUrl + '\')' });

这可能对同样大小的图像效果最好。
效果很好，但为什么我在更改
源代码和
数据缩放图像后回忆
提升空间
功能时，它不会构建css的背景？我不知道。这也是我尝试的第一件事。再次调用
elevateToom
时，它似乎添加了一个额外的zoom-div，而不是替换当前的zoom-div。可能是JS库中的一个错误，它没有检查是否有
数据缩放图像
标记要更新，而没有创建新的标记。为了提高缩放图像的性能和质量，应使用
数据替换MediumImageUrl
。OriginalImageUrl