2012-04-18 8 views
0

Я пытаюсь загрузить новый URL-адрес в iframe, вызвав следующий метод на fancybox, но я не смог заставить его работать. ..используя следующий в iframe [fancybox]

Я знаю, что могу закрыть FancyBox в плавающем фрейме, используя

родителя $ fancybox.close();

с помощью родителя. $. Fancybox.next(), однако, не работает

Есть ли резерв на это или я делаю что-то неправильно

<a href="javascript:void(0)" onclick="goToNext()">next</a> 

function goToNext() 
{ 
parent.$.fancybox.next() 

} 

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

+0

parent. $. Fancybox.next(); - работает для меня – Janis

+0

с типом, установленным в 'iframe'? – kayfun

+0

конечно. и v2 – Janis

ответ

0

На родительской странице укажите только один и тот же атрибут data-fancybox-group (используйте также HTML5 DOCTYPE) наши якоря, которые вызывают FancyBox Iframes как:

<a href="page01.html" class="fancybox fancybox.iframe" data-fancybox-group="mygroup">open iframe 01</a> 
<a href="page02.html" class="fancybox fancybox.iframe" data-fancybox-group="mygroup">open iframe 02</a> 
<a href="page03.html" class="fancybox fancybox.iframe" data-fancybox-group="mygroup">open iframe 03</a> 

т.д.

затем FancyBox автоматически покажет навигационные стрелки для перемещения между Next/Prev фрейма.

С другой стороны, вы все равно можете использовать ручной метод для перемещения между элементами галереи, однако parent.$.fancybox.next(); будет работать, только если вы установили тот же атрибут data-fancybox-group, иначе fancybox не имеет средств знать, какой из них следующий элемент группы.

ПРИМЕЧАНИЕ: это для fancybox v2.x