Полноэкранный iframe - PullRequest
Новая
       18

Полноэкранный iframe

8 голосов
/ 27 мая 2011

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

Я могу сделать jQuery сам, мне просто нужно, чтобы пара iframe была на одной странице, чтобы я мог нажать «next», и следующий iframe будет в полноэкранном режиме. (Так что фреймы должны быть плавающими)

Спасибо!

1 Ответ

7 голосов
/ 27 мая 2011

Используйте iframeclass для iframes, чтобы они появлялись друг над другом, затем используйте jQuery, чтобы установить z-index для показа, который находится "сверху" 

.iframeclass {
    position: absolute;
    top: 0; left: 0;
    width:100%;
    height:100%;
}

примечание: по высоте: 100%; для работы объект PARENT должен иметь установленную высоту. то есть: 

body {
    height:100%;
}

Второе замечание, пожалуйста, имейте в виду, что, хотя это и отвечает на ваш вопрос, я не рекомендую делать то, что, как я думаю, вы пытаетесь достичь, я бы рекомендовал загружать содержимое каждого фрейма в один div с ajax, как и когда вам это нужно. Фреймы ВСЕ будут загружать свое содержимое при загрузке страницы.

...