Сообщений в теме: 13

[tega4]

Добрый день, необходимо установить просмотр изображений как на сайте авито, т.е. при клике на основное изображение происходит смена картинок, а увеличение происходит при клике на кнопку "увеличить изображение".
Подскажите как такое возможно осуществить?
SL-257549

[Vaccina]

подобный вопрос уже обсуждался у нас на форуме и имеет инструкции:
http://forum.storela...зображения-при/
на счет структуры, она у вас может отличаться, там необходимо добавить несколько классов и значений

[tega4]

Там немного не то, я уже видела данную ветку. там идет увеличение при клике на главное изображение, а мне надо чтобы при клике на него изменялась картинка, а при клике на надпись "увеличить" рядом с главным изображением открывалось окошко с увеличенным изображением.
Вроде было такое в стандартном сиянии, но у меня он сильно изменен, не смогу восстановить.

[Сake]

Вы хотите заменить увеличение изображения при наведении в замен заменить его на увеличение в всплывающем модальном окне (Мокко, Сияние)? В данном случае реализация должна быть аналогичной изменению темы Весна. Пожалуйста, выполните инструкцию для увеличения изображения согласно сообщению http://forum.storela...ци/#entry124020

[tega4]

Спасибо, сделала, точнее вернула все в обратном порядке от установки зума, вопрос в следующем, как сделать переключение изображений при клике на среднее изображение, а увеличение оставить только на фразе "увеличить изображение"?

еще появилась проблема с быстрым просмотром, изображения открываются в новом окне, все

[Сake]

Цитата

как сделать переключение изображений при клике на среднее изображение, а увеличение оставить только на фразе "увеличить изображение"?

Добавьте в ваш файл main.js следующий код

$(function () {
	$('.goodsDataMainImage > a').unbind('click').live('click', function () {
		var input = $(this).closest('.goodsDataMainImage').children('input[type="hidden"]');
		var current = $('.goodsDataMainImagesIcon input[rel="' + input.attr('rel') + '"]');
		var next = current.closest('.goodsDataMainImagesIcon').next('.goodsDataMainImagesIcon');
		next.length ? next.children('a') .trigger('click')  : $('.goodsDataMainImagesIcon:first > a') .trigger('click');
		return (false);
	});
});

Цитата

еще появилась проблема с быстрым просмотром, изображения открываются в новом окне, все

В данном случае проблема возникает из-за того, что события не устанавливаются повторно на вновь появившийся контент. Найдите в вашем файле main.js строку

$('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function()

и замените её на

$('.goodsDataMainImage a, .goodsDataMainImageZoom a').live('click', function()

далее найдите строку

$('.goodsDataMainImagesIcon a').click(function()

и замените её на

$('.goodsDataMainImagesIcon a').live('click', function()

[tega4]

спасибо, а смена изображения при клике на СРЕДНЕЕ изображение возможна? именно так это реализовано на авито.

[tega4]

и еще проблема,большое изображение отрывается за окном быстрого просмотра,пробовала устранить проблему,но не помогло

Цитата

div#nyroModalWrapper {
  z-index: 99999;
}

[Vaccina]

при клике на миниатюры у вас сменяется главное изображение.
по поводу ошибки, в main.css попробуйте в самый конец прописать:

div#nyroModalFull {
	z-index: 9999 !important;
}

[tega4]

Vaccina (22 Апрель 2014 - 04:25) писал:

при клике на миниатюры у вас сменяется главное изображение.
по поводу ошибки, в main.css попробуйте в самый конец прописать:

div#nyroModalFull {
z-index: 9999 !important;
}

я знаю что меняется при клике на миниатюры, а сделать смену при клике на главное нельзя?
с быстрым просмотром огромное спасибо, все работает)

[Сake]

Ранее предложенный код именно это и реализовывает. По всей вероятности код не работает из-за события live. Попробуйте в файле main.js следующую строку

$('.goodsDataMainImage a, .goodsDataMainImageZoom a').live('click', function()

заменить на

$('.goodsDataMainImageZoom a').live('click', function()

[tega4]

спасибо, но теперь не работает увеличение при нажатии на ссылку "Увеличить Изображение"

[Сake]

Получается что у вас немного отличается класс ссылки на увеличение изображения. Найдите все туже строку (ранее уже замененную)

$('.goodsDataMainImageZoom a').live('click', function()

и просто замените её на

$('.goodsDataMainImageZoom a, .goodsImageZoom a').live('click', function()

или же в шаблоне "Товар" найдите класс goodsImageZoom и просто замените его на goodsDataMainImageZoom

[tega4]

Сake (24 Апрель 2014 - 01:05) писал:

Получается что у вас немного отличается класс ссылки на увеличение изображения. Найдите все туже строку (ранее уже замененную)

$('.goodsDataMainImageZoom a').live('click', function()

и просто замените её на

$('.goodsDataMainImageZoom a, .goodsImageZoom a').live('click', function()

или же в шаблоне "Товар" найдите класс goodsImageZoom и просто замените его на goodsDataMainImageZoom

Огромнейшее Вам спасибо, сама бы не додумалась в классы заглянуть.
Все теперь работает отлично!