Zoom Продукт для моделей после обновления 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 Attrib источника изображения обновленного правильно, но масштаб показать предыдущее изображение после изменения модели продукта. после изменения data-zoom-image атрибут изображения elevateZoom функция была вызвана для обновления масштабирования. но никаких изменений.

Answer 1

Я не знаком с Hotcakes Commerce. Но я думаю, что вам нужно повторно привязать фоновое изображение увеличенного DIV.

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

Это, вероятно, лучше всего подходит для изображений того же размера.