Перейти к содержимому


Frontliner

Регистрация: 11 февр. 2014
Offline Активность: 02 марта 2019 21:33
-----

Мои сообщения

В теме: Поочерёдная Смена Изображений При Наведении Курсора На Товар В Каталоге

03 Февраль 2019 - 20:17

Просмотр сообщенияVaccina (02 Февраль 2019 - 07:12) писал:

Здравствуйте.

Вы правы, допустила ошибку =) В main.js строку:
								 var goods_images_list = $(this).closest('.elem').find('.goods_images_list');

замените на:
								 var goods_images_list = $(this).closest('.img').find('.goods_images_list');
совсем перестало работать, просто курсор моргает на картинке товара и все. Вторая часть функции работает странно, она постоянно вызывается, когда курсор находится над картинкой. Если поместить туда alert, он постоянно выскакивает.

Поковырялся, рабочий вариант получился вот такой:
$('.tabproduct').hover(function()
{
var goods_images_list = $(this).find('.goods_images_list');
var size = goods_images_list.find('img').size();
if(size)
{
	 goods_images_list.find('div:eq(0)').show();
	 if(size > 1)
	 {
	 goods_images_list.data('interval', setInterval($.proxy(function()
	 {
		 var next = $(this).find('div:visible').next();
		 if(!next.length)
		 {
		 next = $(this).find('div:eq(0)');
		 }
		 $(this).find('div').hide();
		 next.show();
	 },
	 goods_images_list), 1500));
	 }
}
}, function()
{
var goods_images_list = $(this).find('.goods_images_list');
goods_images_list.find('div').hide();
if(goods_images_list.data('interval'))
{
	 clearInterval(goods_images_list.data('interval'));
	 goods_images_list.removeData('interval');
}
});

Правда, сменяемые изображения рисуются поверх селектора модификации (они и в первой версии функции так рисовались). Попробую это исправить.

Всё, исправил z-index в css со 100 на 10, стало норм.

В теме: Поочерёдная Смена Изображений При Наведении Курсора На Товар В Каталоге

01 Февраль 2019 - 20:59

Просмотр сообщенияVaccina (01 Февраль 2019 - 06:46) писал:

Результат проверьте у товаров в категориях.

Спасибо большое за ответ! Работает отлично, однако если убрать мышь с изображения товара, смена изображений всё равно продолжается. Поэтому если провести мышкой по всем товарам, получается забавная "цветомузыка", когда у всех товаров меняются изображения. Я так понимаю, вторая часть функции hover работает неправильно.

В теме: Сделайте E-Mail Оповещение При Изменении Статуса Заказа.

31 Январь 2019 - 12:54

вверх

В теме: Сделайте Логин По Номеру Телефона

31 Январь 2019 - 12:53

вверх