Есть одностраничный сайт
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);
});
Прошу помочь решить данную проблему.