@laikernest

Почему не работает корректно галерея во всплывающем окне Magnific Popup?

Есть одностраничный сайт proteks.h1n.ru, в блоке "Выполненные работы" есть несколько работ. При нажатии на каждую из них открываются 3 картинки объекта и справа описание к нему. Нужно сделать так чтобы при нажатии на любую из трех картинок можно их было посмотреть в новом popup окне и по закрытии вернуться на описание объекта с тремя картинками.

Вообщем какие проблемы возникают:

1) Попытка реализовать это, сделана на первом объекте при нажатии на картинку побольше, но появляется только сама картинка с кнопкой закрыть, по нажатию кнопки на закрыть или на любую область открывается сам сайт, а нужно чтобы открывалось описание и 3 картинки к нему, т. е. предыдущее окно.

2) Работает все это дело только при следующем вызове:

$('#test-popup').magnificPopup({
	items: 
      {
        src: 'img/portfolio/Altai-main.jpg',
        type: 'image',
      }
   
})


При чем только так и никакие другие опции в том числе и другие items в виде фотографии не получается вставить , все другие опции игнорируются. Даже если вынести type: 'image' за пределы опции items , то работать это не будет и будет показываться только темный overlay.

3) C помощью ссылок данное сделать не получается так как ссылки уже заняты самим портфолио.
//For Mixitup

	$("#portfolio_grid").mixItUp();
	$(".objects li").click(function() {
		$(".objects li").removeClass('active');
		$(this).addClass('active');
	});	

	$(".popup").magnificPopup({type:"image"});
	$(".popup_content").magnificPopup(
		{type: 'inline', midClick: true}

		);

	// Добавляем Id для ссылок и для каждого скрытого блока .port_descr
	$(".portfolio_item").each(function(i) {
		$(this).find("a").attr("href", "#work_" + i);
		$(this).find(".port_descr").attr("id", "work_" + i);
	});


Прошу помочь решить данную проблему.
  • Вопрос задан
  • 737 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы