Moslem7026 Moslem7026 - 1 year ago 84
jQuery Question

Zoom Product for models after ajax update for MULTIPLE IMAGES


module for dotnetnuke.zoom image working correctly when product has one image . jquery library used for zoom is
. Added Zoom to product view with this tutorial in
code has been updated also

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

attrib of image source updated correctly , but zoom show previuse image after change model of product. after changing
attrib of image
function has been called to update zoom . but no cahnged.

Answer Source

I'm not familiar with hotcake. But I think you have to re-bind the background image of the zoomed DIV.

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

This probably works best with same size images.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download