Показать сообщение отдельно
  #1 (permalink)  
Старый 26.12.2017, 11:20
Аспирант
Отправить личное сообщение для happy_Mikhail Посмотреть профиль Найти все сообщения от happy_Mikhail
 
Регистрация: 31.10.2013
Сообщений: 34

помогите выбрать нужный элемент
Суть. На станице, 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, 26.12.2017 в 11:20. Причина: дополнение
Ответить с цитированием