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

Вопросы по вёрстке и JavaScript
Ответить
Аватара пользователя
mika_di
Сообщения: 218
Зарегистрирован: 2015.09.24, 11:57

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

Сообщение mika_di »

Суть. На станице, 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')");;
});
подскажите как решаются такие проблемы?
Аватара пользователя
mika_di
Сообщения: 218
Зарегистрирован: 2015.09.24, 11:57

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

Сообщение mika_di »

Вот пример кода
https://jsfiddle.net/29mj6hj5/1/
Ответить