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


Не Получается Сделать


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

#1 Ирина Викторовна

Ирина Викторовна

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 14 Март 2013 - 16:38

Чтобы при наведении на маленькие картинки они отображались вместо главной, получила рекомендацию сделать :
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');
  });
Сделала на ничего не поменялось. Там про кэш говорили , а я не знаю как там чего делать, подскажите ребят пожалста!?

#2 Vaccina

Vaccina

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

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

Отправлено 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 анонимных