Суть. На станице, javascrip(ом) генерируются два одинаковых куска кода
<div class="zoomContainer" style="-webkit-transform: translateZ(0);position:absolute;left:996.5px;top:227px;height:416.25px;width:555px;"><div class="zoomWindowContainer" style="width: 400px;"><div style="z-index: 999; overflow: hidden; margin-left: 0px; margin-top: 0px; background-position: 0px 0px; width: 555px; height: 416.25px; float: left; cursor: crosshair; background-repeat: no-repeat; position: absolute; background-image: url("/img/large/ferdinanda_3.jpg"); top: 0px; left: 0px; display: none;" class="zoomWindow"> </div></div></div>
<div class="zoomContainer" style="-webkit-transform: translateZ(0);position:absolute;left:411.5px;top:227px;height:369.625px;width:555px;"><div class="zoomWindowContainer" style="width: 400px;"><div style="z-index: 999; overflow: hidden; margin-left: 0px; margin-top: 0px; background-position: 0px 0px; width: 555px; height: 369.625px; float: left; cursor: crosshair; background-repeat: no-repeat; position: absolute; background-image: url("/img/large/ferdinanda_3.jpg"); top: 0px; left: 0px; display: none;" class="zoomWindow"> </div></div></div>
их генерирует плагин cool-zoom.
Эта штука планируется использоваться для сравнения товаров. Теперь о проблеме
При перещелкивании картинки на галерее картинок, вставляется одна и также картинка в оба куска
background-image: url("/img/large/ferdinanda_3.jpg")
это так которая должна эмитировать увиличение при наведении мышкой.
при этом "маленькие" картинки разные и меняются та к как надо
вот мой корявый способ решить эту неприятность
$('div#owl-item-0.owl-item img').click(function () {
var miniatures = $(this).data('min');
var img = $('#zoom_0');
//src="/img/small/ferdinanda.jpg" data-zoom-image="/img/large/ferdinanda.jpg"
img.data('zoom-image-0','/img/large/'+miniatures+'.jpg');
var u = $('div.zoomContainer:first').find('div.zoomWindowContainer:first div:first').css("background-image","url('/img/large/"+miniatures+".jpg')");;
});
Вот ссылка на jsfiddle
https://jsfiddle.net/29mj6hj5/1/
подскажите как решаются такие проблемы?
