ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / помогите выбрать нужный элемент
5 сообщений из 5, страница 1 из 1
помогите выбрать нужный элемент
    #39575860
Nick-name
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Nick-name
Участник
Суть. На станице, javascrip(ом) генерируются два одинаковых куска кода
Код: sql
1.
2.
<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.
Эта штука планируется использоваться для сравнения товаров. Теперь о проблеме
При перещелкивании картинки на галерее картинок, вставляется одна и также картинка в оба куска
Код: sql
1.
background-image: url("/img/large/ferdinanda_3.jpg")


это так которая должна эмитировать увиличение при наведении мышкой.
при этом "маленькие" картинки разные и меняются та к как надо
вот мой корявый способ решить эту неприятность
Код: sql
1.
2.
3.
4.
5.
6.
7.
$('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')");;
});


подскажите как решаются такие проблемы?
...
Рейтинг: 0 / 0
26.12.2017, 09:40
| Ответить | Цитировать | Написать  
помогите выбрать нужный элемент
    #39575867
Руслан Дамирович
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Руслан Дамирович
Участник
JSFiddle предоставьте, чтобы можно было понять проблему и решить ее точечно
Первое, что бросается в глаза
Код: javascript
1.
2.
3.
4.
$('div#owl-item-0.owl-item img').on( 'click', function( event ) {
  var $el = $( event.currentTarget );
  ...
} );


Второе вообще не решит проблему, но с css-селекторами вам явно нужно подружиться поближе.
Код: javascript
1.
var u = $('div.zoomContainer > div.zoomWindowContainer > div').eq(0).css("background-image","url('/img/large/"+miniatures+".jpg')");
...
Рейтинг: 0 / 0
26.12.2017, 09:50
| Ответить | Цитировать | Написать  
помогите выбрать нужный элемент
    #39575872
Nick-name
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Nick-name
Участник
Руслан Дамирович,
как то так https://jsfiddle.net/29mj6hj5/1/
...
Рейтинг: 0 / 0
26.12.2017, 10:00
| Ответить | Цитировать | Написать  
помогите выбрать нужный элемент
    #39576199
Руслан Дамирович
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Руслан Дамирович
Участник
Nick-nameРуслан Дамирович,
как то так https://jsfiddle.net/29mj6hj5/1/
Это что?

Потрудитесь сделать работающий неправильно пример, а мы попробуем заставить его работать правильно .
...
Рейтинг: 0 / 0
26.12.2017, 15:22
| Ответить | Цитировать | Написать  
помогите выбрать нужный элемент
    #39577714
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
Nick-name,

если id добавить то проблем думаю не будет!

В СSS3 есть такие ваши как :first-child и :last-child но при большом количестве элементо вредля помогут!
...
Рейтинг: 0 / 0
29.12.2017, 09:45
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / помогите выбрать нужный элемент
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=31&tid=1444350]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 60ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 47ms
get tp. blocked users:
 2ms
others: 15ms
total:  172ms
созд. / загр.: 172ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]