Pantalla completa Iframe

Question

Estoy buscando una solución CSS que me permita mostrar algunos iframes horizontales de pantalla completa en una página.

Puedo hacer el jQuery yo solo, solo necesito un par de iframes en una página para poder hacer clic en 'siguiente' y el siguiente iframe será en pantalla completa. (Entonces flotan los iframes)

¡Gracias!

Answer 1

Uso iframeclass en los marcos flotantes para hacer que aparezcan en la parte superior de uno al otro, a continuación, utilizar jQuery para establecer el índice z para mostrar que está "por encima"

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

nota: con el fin de altura: 100%; para trabajar, el objeto PARENT debe tener un conjunto de altura. es decir:

body { 
    height:100%; 
} 

segunda nota, por favor, tenga en cuenta que mientras que esto responda a su pregunta, no es cómo te recomiendo hacer lo que creo que está tratando de lograr, lo recomiendo cargar contenido de cada cuadro en una sola div con ajax como y cuando lo necesites. Los iframes TODO cargarán su contenido en la carga de la página.