Наши проекты:
Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту |
||
ПРАВИЛА | FAQ | Помощь | Поиск | Участники | Календарь | Избранное | RSS |
[18.119.126.80] |
|
Сообщ.
#1
,
|
|
|
Нужно вставить в html-документ фрейм (короче, код из другого полноценного html-файла, который подгружает js, css), но так, чтобы он мог открыть картинку через Lightbox (слайдшоу-скрипт).
Потому что я вставляю, а изображение открывается только в рамках фрейма Например, фрейм 400*200 точек, а картинка должна открываться во всплывашке на полэкрана... |
Сообщ.
#2
,
|
|
|
У фрейма есть свойство parent, если не путаю. Можно обратиться к нему и вызвать нужный ja-метод, иначе никак.
|
Сообщ.
#3
,
|
|
|
А можно поподробнее? А то я ничего не понял
|
Сообщ.
#4
,
|
|
|
// код родителя
window.addEventListener('message', function(event) { if(event.origin === 'http://localhost/') { switch(event.data.action) { case 'alert': alert('Мы вызвали окошечко (а можем вызвать что-то ещё, например Lightbox)'); break; } } }, false); // код айфрейма window.parent.postMessage({action: 'alert'}, 'http://localhost/'); https://developer.mozilla.org/en-US/docs/DO...dow.postMessage |
Сообщ.
#5
,
|
|
|
Ммм... вопрос: если родитель не имеет подключенных js-библиотек для вызова lightbox'а, то ничего не выйдет?
Суть iframe'а в том, что когда я подключаю js-библиотеки к родителю, то lightbox почему-то не работает. И мне сейчас проще подгрузить код в iframe'е, чем разбираться почему не работает. Добавлено Короче, разобрался почему не работает (без iframe). Вернее, как сделать, чтоб работало Добавлено Но про iframe всё равно интересно |
Сообщ.
#6
,
|
|
|
йафрейм - это полностью изолированное окружение и влияние на внешнюю среду оно может оказывать лишь косвенное (например как в моём примере - передать команду на отображение лайтбокса).
|
Сообщ.
#7
,
|
|
|
Ну а как же youtube всякие, которые открываются на весь экран?
|
Сообщ.
#8
,
|
|
|
у них (у фрейма) есть атрибут фуллскрин со значением тру и вызов нативного метода перевода в полный экран: https://developer.mozilla.org/en-US/docs/We...ull_screen_mode
|