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


Увеличение Изображения Товара В Каталоге


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 25

#21 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Сентябрь 2014 - 02:56

уточните пожалуйста, в каком браузере вы просматриваете сайт, так как в мозиле стикеры обрезаются по границе фото

#22 velena168

velena168

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 26 Сентябрь 2014 - 03:04

Просмотр сообщенияVaccina (26 Сентябрь 2014 - 02:56) писал:

уточните пожалуйста, в каком браузере вы просматриваете сайт, так как в мозиле стикеры обрезаются по границе фото

В Хроме.  .../catalog/Новинки-1

На Главной в карусели нормально, а в категориях нет

.prd-image.product_image_wrapper {
overflow: hidden;
}
попробуйте заменить на:
.image_link {
overflow: hidden;
}


От этих кодов зависит.
1. Стикеры нормальные, а увеличение некорректное, а

2. Увеличение нормальное, а стикеры нет.

#23 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Сентябрь 2014 - 03:22

В style.css добавьте:
.product_image_wrapper > a {
	display: block;
	overflow: hidden;
	position: relative;
}


#24 velena168

velena168

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 26 Сентябрь 2014 - 03:27

Просмотр сообщенияVaccina (26 Сентябрь 2014 - 03:22) писал:

В style.css добавьте:
.product_image_wrapper > a {
display: block;
overflow: hidden;
position: relative;
}

Теперь отлично. Спасибо. Единственное, мне кажется увеличенное изображение немного с задержкой появляется, может можно ускорить?

#25 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Сентябрь 2014 - 03:30

код в main.js:
$(function() {
   $('.prd-image a img').bind('mouseenter', function () {
								$(this).data('hover', true).parent().removeAttr('title');
								setTimeout($.proxy(function() {
												var goods_images_list = $(this).closest('.prd-image').find('.goods_images_list');
												var size = goods_images_list.find('img').size();
												if(size && $(this).data('hover')) {
																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), 3000));
																}
												}
								}, this), 2000);
				});
				$('.prd-image a img').bind('mouseleave', function () {
								var goods_images_list = $(this).closest('.prd-image').find('.goods_images_list');
								goods_images_list.find('div').hide();
								$(this).removeData('hover');
								if(goods_images_list.data('interval')) {
												clearInterval(goods_images_list.data('interval'));
												goods_images_list.removeData('interval');
								}
				});
});
замените на:
$(function() {
   $('.prd-image a img').bind('mouseenter', function () {
								$(this).data('hover', true).parent().removeAttr('title');
								setTimeout($.proxy(function() {
												var goods_images_list = $(this).closest('.prd-image').find('.goods_images_list');
												var size = goods_images_list.find('img').size();
												if(size && $(this).data('hover')) {
																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), 2000));
																}
												}
								}, this), 1000);
				});
				$('.prd-image a img').bind('mouseleave', function () {
								var goods_images_list = $(this).closest('.prd-image').find('.goods_images_list');
								goods_images_list.find('div').hide();
								$(this).removeData('hover');
								if(goods_images_list.data('interval')) {
												clearInterval(goods_images_list.data('interval'));
												goods_images_list.removeData('interval');
								}
				});
});


#26 velena168

velena168

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 26 Сентябрь 2014 - 03:39

Большое спасибо! Теперь все отлично.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных