уточните пожалуйста, в каком браузере вы просматриваете сайт, так как в мозиле стикеры обрезаются по границе фото
1
Увеличение Изображения Товара В Каталоге
Автор velena168, 22 сент. 2014 00:14
Сообщений в теме: 25
#21
Отправлено 26 Сентябрь 2014 - 02:56
#22
Отправлено 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
Отправлено 26 Сентябрь 2014 - 03:22
В style.css добавьте:
.product_image_wrapper > a { display: block; overflow: hidden; position: relative; }
#24
Отправлено 26 Сентябрь 2014 - 03:27
Vaccina (26 Сентябрь 2014 - 03:22) писал:
В style.css добавьте:
.product_image_wrapper > a { display: block; overflow: hidden; position: relative; }
Теперь отлично. Спасибо. Единственное, мне кажется увеличенное изображение немного с задержкой появляется, может можно ускорить?
#25
Отправлено 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
Отправлено 26 Сентябрь 2014 - 03:39
Большое спасибо! Теперь все отлично.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных