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

Question

使用Hotcakes Commerce模块，当产品有一个图像时，dotnetnuke.zoom图像正常工作。用于缩放的jQuery库是elevateweb.co。 （Added Zoom to product view with this tutorial）product.js代码也已更新

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

data-zoom-image图像源的属性更新正确，但缩放显示产品更改模型后的上一个图像。更改data-zoom-image图像elevateZoom的属性后，已调用函数来更新缩放。但没有变化。

Answer 1

我不熟悉Hotcakes Commerce。但我认为你必须重新绑定缩放DIV的背景图像。

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

对于相同尺寸的图像，这可能效果最佳。