Чтобы при наведении на маленькие картинки они отображались вместо главной, получила рекомендацию сделать :
1. Найти в main.js
// Изменение главного изображения товара при нажатии на миниатюру
$('.goodsDataMainImagesIcon a').click(function(){
// Путь к среднему изображению
var MediumImageUrl = $(this).find('img').attr('rel'),
// Главное изображение, в которое будем вставлять новое изображение
MainImage = $('.goodsDataMainImage img'),
// В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений
MainImageIdObject = $('.goodsDataMainImage input'),
// Получаем идентификатор этого изображения из соседнего input поля
GoodsImageIconId = $(this).parent().find('input').attr("rel");
// Изменяем главное изображение
MainImage.attr('src',MediumImageUrl);
// Изменяем идентификатор главного изображения
MainImageIdObject.attr("rel",GoodsImageIconId);
return false;
});
и вставить код :
$('.goodsDataMainImagesIcon a').hover(function(){
$(this).trigger('click');
});
Сделала на ничего не поменялось. Там про кэш говорили , а я не знаю как там чего делать, подскажите ребят пожалста!?
0
Не Получается Сделать
Автор Ирина Викторовна, 14 марта 2013 16:38
В теме одно сообщение
#1
Отправлено 14 Март 2013 - 16:38
#2
Отправлено 15 Март 2013 - 02:04
В теме "Пластик" подобного сделать нельзя, так как изначально при клике на миниатюру идет увеличение изображения. В данном случае можно только отказаться от вида отображения вплывающих изображений, и сделать аналогично теме "Сияние". Для этого вам необходимо в файле main.js найти
и заменить на
// при клике на маленькие изображения инициализируем действие вызова галереи fancybox $('a[rel="gallery"]').fancybox(); // Увеличение изображение при клике на него и открытие галереи изображений $('.fullimg a, .zoomimg a').click(function(){ // Идентификатор главной картинки var goodsImageId = $('.fullimg input').attr("rel"), // Маленькое изображение, по которому на самом деле будем кликать goodsImageIconElement = $('.zoomicon input[rel="'+goodsImageId+'"]').parent().find('a'); // Для иконки изображения запустим галерею // goodsImageIconElement.nyroModalManual(); goodsImageIconElement.click(); return false; }); // Добавление товара в корзину через ajax $('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit(function(){ $(this).nyroModalManual({ formIndicator: 'ajax_q', // Value added when a form is sent minWidth: 450, // Minimum width minHeight: 140, // Minimum height gallery: null // Gallery name if provided }); return false; }); // Изменение главного изображения товара при нажатии на миниатюру $('.zoomicon a').click(function(){ // Путь к среднему изображению var MediumImageUrl = $(this).find('img').attr('rel'), // Главное изображение, в которое будем вставлять новое изображение MainImage = $('.fullimg img'), // В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений MainImageIdObject = $('.fullimg input'), // Получаем идентификатор этого изображения из соседнего input поля GoodsImageIconId = $(this).parent().find('input').attr("rel"); // Изменяем главное изображение MainImage.attr('src',MediumImageUrl); // Изменяем идентификатор главного изображения MainImageIdObject.attr("rel",GoodsImageIconId); return false; }); $('.goodsDataMainImagesIcon a').hover(function() { $(this).trigger('click'); });
и заменить на
// Настройки галереи изображений $.nyroModalSettings({ // из всех элементов с атрибут rel="gallery" будем создавать галерею gallery: 'gallery', // Включаем прокрутку с последнего изображения на первое galleryLoop: true }); // Увеличение изображение при клике на него и открытие галереи изображений $('.fullimg a, .zoomimg a').click(function(){ // Идентификатор главной картинки var goodsImageId = $('.fullimg input').attr("rel"), // Маленькое изображение, по которому на самом деле будем кликать goodsImageIconElement = $('.zoomicon input[rel="'+goodsImageId+'"]').parent().find('a'); // Для иконки изображения запустим галерею goodsImageIconElement.nyroModalManual(); //goodsImageIconElement.click(); return false; }); // Добавление товара в корзину через ajax $('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit(function(){ $(this).nyroModalManual({ formIndicator: 'ajax_q', // Value added when a form is sent minWidth: 450, // Minimum width minHeight: 140, // Minimum height gallery: null // Gallery name if provided }); return false; }); // Изменение главного изображения товара при нажатии на миниатюру $('.zoomicon a').click(function(){ // Путь к среднему изображению var MediumImageUrl = $(this).find('img').attr('rel'), // Главное изображение, в которое будем вставлять новое изображение MainImage = $('.fullimg img'), // В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений MainImageIdObject = $('.fullimg input'), // Получаем идентификатор этого изображения из соседнего input поля GoodsImageIconId = $(this).closest('.zoomicon').find('input').attr("rel"); // Изменяем главное изображение MainImage.attr('src',MediumImageUrl); // Изменяем идентификатор главного изображения MainImageIdObject.attr("rel",GoodsImageIconId); return false; }); $('.zoomicon a').hover(function() { $(this).trigger('click'); });
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных