Задачка с FancyBox

[StormMan]

Друзья, такая задачка. Есть высплывающее окно fancybox, в котором список ссылок аля галерея, при клике на каждую из них открывается новое всплывающее окно, в котором, в свою очередь, другая галерея, опять же при клике на каждую открывается новое всплывающее окно. FancyBox так устроен, что при открытии нового окна из родительского, родительское закрывается. Задача в том, чтобы при закрытии дочерних окон открывались обратно родительские.

 

Сделать такое с парой окон, назовём её "родитель-потомок", довольно просто - используем для открытия родительского окна callback afterClose. Например:

(код выдран из длинного листинга, поэтому кое-что там лишнее, не имеющее значения, самое главное я прокоментировал)

$('.fancyboxinfo').each(function(index, item) {    $(item).fancybox({        closeClick: true,        beforeLoad: function() {            window.last = this.element; // по этому имени будем его открывать после закрытия дочернего        }    });});$(".fancyboxphotos").each(function(index, item) {    $(item).find('a.fancyboximg').fancybox({        closeBtn: true,        closeClick: true,        afterClose: function() {            setTimeout(function() {                jQuery(window.last).trigger('click')            }, 300); // открываем родительское окно после закрытия        }    });});

А теперь добавляем третье окно. Я добавил его в начало, пусть оно будет самым первым "родителем". То есть, сперва у нас открыто первое окно fancyboxmain. Кликаем в нём на ссылку, это окно закрывается и открывается fancyboxinfo. В нём также кликаем ссылку, оно закрывается и открывается окно fancyboxphotos. Затем мы закрываем fancyboxphotos, открывается опять fancyboxinfo. Данная цепочка работает (в примере ниже), однако после закрытия fancyboxinfo самое первое окно, конечно же, не открывается:

$('.fancyboxmain').each(function(index, item) {    $(item).fancybox({        closeClick: false    });});$('.fancyboxinfo').each(function(index, item) {    $(item).fancybox({        closeClick: true,        beforeLoad: function() {            window.last = this.element;        }    });});$(".fancyboxphotos").each(function(index, item) {    $(item).find('a.fancyboximg').fancybox({        closeBtn: true,        closeClick: true,        afterClose: function() {            setTimeout(function() {                jQuery(window.last).trigger('click')            }, 300);        }   });});

Друзья, подскажите, что можно сделать, чтобы после закрытия fancyboxinfo открывалось fancyboxmain?

 

Я пробовал добавить afterClose для fancyboxinfo, но получается проблема: при преходе от fancyboxinfo к fancyboxphotos первое закрывается, так устроен FancyBox, и соответственно срабатывает afterClose, перекидывающее нас к окну fancyboxinfo и не дающее открыться окну fancyboxphotos. Получается замкнутый круг - в цепочку больше двух окон поставить не получается. Вод пример такого не работающего кода:

$('.fancyboxmain').each(function(index, item) {    $(item).fancybox({        closeClick: false        beforeLoad: function() {            window.first= this.element;        }    });});$('.fancyboxinfo').each(function(index, item) {    $(item).fancybox({        closeClick: true,        beforeLoad: function() {            window.last = this.element;        }        afterClose: function() {            setTimeout(function() {                jQuery(window.first).trigger('click')            }, 300);        }    });});$(".fancyboxphotos").each(function(index, item) {    $(item).find('a.fancyboximg').fancybox({        closeBtn : true,        closeClick : true,        afterClose: function() {            setTimeout(function() {                jQuery(window.last).trigger('click')            }, 300);        }    });});

Как всё-таки можно решить эту проблему? Чтобы начиная с первого окно и доходя до третьего, при закрытии мы снова возвращались к первому?

[Николя223]

Вы на http://jsfiddle.net залейте пример который пощупать можно, я ещё вчера пару идей придумал, но теоретические догадки без практической подоплёки писать не хочу

Edited December 27, 2013 by Николя223

[Radiocity]

А почему нельзя эти галереи в одном окне открывать, подгружая с помощью ajax? 

XZibit был бы рад вашему решению с открытием всплывающего окна из всплывающего окна, но почему бы не реализовать открытие элемента галереи в том же окне, указав ссылку назад?

Edited December 27, 2013 by Radiocity

[StormMan]

Друзья, спасибо за ответы

 

В общем, мне подсказали один вариант на другом форуме. Вот он, это вариант: http://jsfiddle.net/StormMan/xKC3q/

 

Способ, о котором почему-то мне не пришло идеи.. )) Считаю проблему решённой, но, возможно, есть и другие способы?

[Zverushka]

Я бы сделала глобальный массив текущего фэнсибокса, в котором бы содержалась цепочка вызванных элементов - на закрытии последний элемент бы удалялся и так, пока массив не станет пустым.