2011-05-27 37 views
8

beni bir sayfada birkaç yatay tam ekran iframe görüntülemek için sağlayacak bir CSS çözüm arıyorum. Ben jQuery kendim yapabilirimTam Ekran Iframe

, ben sadece 'next' tıklayabilir ve sonraki iframe tam ekran olacak böylece tek sayfada olmak iframe çift gerekir.

Teşekkür (Yani Iframe'ler süzülüyor olmalıdır)! Yükseklik için sırayla: Iframe'lerde üzerine

cevap

7

Kullanım iframeclass birbirlerini üstünde görünür hale getirmek için, daha sonra

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

notta "üstte" hangi göstermek için z-index ayarlamak için jQuery kullanın: 100%; Çalışmak için, PARENT nesnesi bir yükseklik ayarına sahip olmalıdır. yani:

body { 
    height:100%; 
} 

İkinci bir not, bu soru cevaplar iken onun Sana ulaşmak için çalışıyoruz bildiğini yapmak öneriyoruz nasıl, ben tek her bir çerçevenin içeriğini yüklemeye öneriyoruz değil lütfen unutmayın ajax ile div ve ihtiyacınız olduğunda. Iframe'ler, sayfa içeriklerini TÜM içeriklerine yükler.

+0

Hey, çabuk cevap için teşekkürler. AJAX ile nasıl yapılacağını gösteren bir kod örneği verebilir misiniz? – AdamGold

+0

jQuery çok kolay ajax kolları ve çeşitli örnekler vardır: @richsage ait –

+0

kod iyi çalıştığı ama iframe barındıran sayfasında kıvrımları ile ilgili sorunlar vardı http://api.jquery.com/jQuery.ajax/. Ben sadece vücut gibi bazı "taşma" öznitelikleri ekledim çözmek için: 'vücut { yükseklik: 100%; taşma-x: gizli; taşma-y: gizlenmiş; } ' – Charles