помогите выбрать нужный элемент
 

Суть. На станице, 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(&quot;/img/large/ferdinanda_3.jpg&quot;); top: 0px; left: 0px; display: none;" class="zoomWindow">&nbsp;</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(&quot;/img/large/ferdinanda_3.jpg&quot;); top: 0px; left: 0px; display: none;" class="zoomWindow">&nbsp;</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/
подскажите как решаются такие проблемы?

happy_Mikhail,
:-?

Может проблему как-то непонятно объяснил?

happy_Mikhail,
не понимаю о чём вы написали, возможно кто-то другой разберётся

Может будет проще сам сайт показать?

happy_Mikhail,
пишите ссылку, и куда жать смотреть

Итак
вот ка кдолжен работать этот плагин
http://dev.vsedlyamodelista.ru/tanks...u-elefant.html
чтобы добавить в сравнение товар нажмите на этом товаре кнопку в сравнение
и вот на этом
http://dev.vsedlyamodelista.ru/gun-b...a-elefant.html
после чего нужно ты кнуть по ссылке "Сравнить"
сразу станет понят но что именно я имею ввиду
Сайт тестовый, и товары тестовые, это просто чтоб посмотреть что именно не так
Сайт тестовый и картинки то же тестовые просто чтобы было понятно

happy_Mikhail,
а где эта ссылка?

http://screenshot.su/show.php?img=4b...766a1d1e73.jpg
скрин

happy_Mikhail,
нет у меня этой ссылки, во всех браузерах

так надо же нажать на кнопку "в сравнение" http://screenshot.su/show.php?img=ca...4dfc0f79e8.jpg

и ссылка появится

:-?
да я это делал, никакой реакции

happy_Mikhail,
может там только для зарегистрированных?

Очень странно, может ctrl+f5, но все должно работать.
как только нажимаете на кнопку к сравнению, сразу эта ссылка появляется

Нет нет, там для всех

всё это было испробовано

То есть, жмете на кнопку, и ссылка не появляется?

happy_Mikhail,
500 Internal Server Error

нет ответа с сервера значит и

success: function(msg) {
      $('#compare').removeClass('display-none');

не отработает

Эм, странно, у меня все норм, ну ладно, не буду вас мучать.. спасибо за уделенное время.

happy_Mikhail,
ок.

http://dev.vsedlyamodelista.ru/sravnenie-tovarov.html
может если вручную перейти то тавары там будут

не будут, проверено

В след раз старайтесь, хотя бы писать размеры картинок или вставлять ссылки урл или давать картинки. Чтобы полностью понять