помогите выбрать нужный элемент
Суть. На станице, 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/ подскажите как решаются такие проблемы? |
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,
Цитата:
|
|
happy_Mikhail,
нет у меня этой ссылки, во всех браузерах |
Часовой пояс GMT +3, время: 12:36. |