Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / помогите выбрать нужный элемент / 5 сообщений из 5, страница 1 из 1
26.12.2017, 09:40
    #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:50
    #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, 10:00
    #39575872
Nick-name
Nick-name
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите выбрать нужный элемент
Руслан Дамирович,
как то так https://jsfiddle.net/29mj6hj5/1/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.12.2017, 15:22
    #39576199
Руслан Дамирович
Руслан Дамирович
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите выбрать нужный элемент
Nick-nameРуслан Дамирович,
как то так https://jsfiddle.net/29mj6hj5/1/
Это что?

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

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

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


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