Zoom Продукт для моделей после обновления ajax для MULTIPLE IMAGES

49
7

Использование модуля Hotcakes Commerce для изображения dotnetnuke.zoom правильно работает, когда у продукта есть одно изображение. Библиотека jQuery, используемая для масштабирования, - elevateweb.co. (Добавлен Zoom to product view с этим уроком). В коде 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 изображением elevateZoom функция была вызвана для обновления масштабирования. но никаких изменений.

спросил(а) 2016-08-18T17:47:00+03:00 3 года, 3 месяца назад
1
Решение
55

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

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

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

ответил(а) 2016-08-19T17:44:00+03:00 3 года, 3 месяца назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема