Plein écran Iframe

Question

Je suis à la recherche d'une solution CSS qui me permettra d'afficher quelques iframes en plein écran en une page.

Je peux faire le jQuery moi-même, j'ai juste besoin de deux iframes pour être dans une page afin que je puisse cliquer sur 'next' et l'iframe suivant sera en plein écran. (Donc les iframes devraient être flottants)

Merci!

Answer 1

Utilisez iframeclass sur les iframes pour les faire apparaître au-dessus de l'autre, puis utilisez jQuery pour définir le z-index pour montrer qui est « au-dessus »

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

Remarque: pour la hauteur: 100%; pour fonctionner, l'objet PARENT doit avoir un ensemble de hauteur. à savoir:

body { 
    height:100%; 
} 

deuxième note, s'il vous plaît sachez que si cela répond à votre question, ce ne est pas ce que je vous conseille de faire ce que je pense que vous essayez d'atteindre, je recommande de charger le contenu de chaque trame dans un div avec ajax comme et quand vous en avez besoin. Les iframes vont tout charger leur contenu au chargement de la page.