iframeSizer'a yükleme yükleyicisi ekleme

Question

Merhaba iframe'leri dinamik olarak yüklemek için iframeSizer kullanıyorum. ebeveyn sayfada Şu anda css ile eğirme önyükleyici resim yüklemek için bu kodu uygulamak ediyorum: iframe içeriğine şeffaf arka plan varsa

<script type="text/javascript" src="//example.com/iframeResizer.min.js"></script> 

<style> 

iframe{width:100%} 
.holds-the-iframe { 
    background:url(//example.com/preloader.gif) center center no-repeat; 
     } 
</style> 

<div class="holds-the-iframe"> 
<iframe src="http://example.com/iframed-content-url" scrolling="no" frameborder="0"></iframe> 
</div> 

<script>iFrameResize()</script> 

bu sorun, spinner yoluyla gösterir. iFrameResizer bir bodyBackground seçeneğine sahiptir, ancak bu yalnızca tüm iframe içindeki içeriği değil, tüm vücudu değiştirir.

Bunu nasıl geliştireceğinizle ilgili düşünceleriniz var mı? Iframe başlangıçta yüklendikten sonra, spinleme düğümünü tamamen kaldırmak için CSS veya JS ile bir yol var mı? Teşekkürler!

Answer 1

Eklenti,
seçeneklerinden birini kullanmanıza olanak tanır, bunlardan biri bodyBackground ve String değerini kabul eder. geribildirim için

iFrameResize({ 
    bodyBackground : "rgba(0,0,0,1) url(preloader.gif) 50% no-repeat" 
}); 

Answer 2

Teşekkür:

yüzden belki de bu bir deneyin verebilir. Benim basit çözümümde, spiner'ı bir sarıcıdan ziyade gerçek iframe css'de arka plan olarak koymaktı. Daha sonra içerik yükün üzerine yazar.