是否可以在頁面加載腳本之後爲iframe或div使用以下預加載？

我發現這個腳本在線，它適用於頁面加載後預加載圖像。是否可以在頁面加載腳本之後爲iframe或div使用以下預加載？

我想知道是否可以使用它來預加載包含iframe的iframe或div。

感謝

<script type="text/javascript"> 
function preloader() { 
if (document.images) { 
    var ch001 = new Image(); 
    var ch002 = new Image(); 

    ch001.src = "http://a.net/a.jpg"; 
    ch002.src = "http://a.net/b.jpg"; 
} 
} 
function addLoadEvent(func) { 
var oldonload = window.onload; 
if (typeof window.onload != 'function') { 
    window.onload = func; 
} else { 
    window.onload = function() { 
     if (oldonload) { 
      oldonload(); 
     } 
     func(); 
    } 
} 
} 
addLoadEvent(preloader); 
</script>

來源

2013-06-28 riseagainst

是的，你可以用它來預加載包含iframe中'div'但你必須編輯您的預加載功能的div – stackErr

@stackErr任何想法，我該怎麼辦呢？ – riseagainst

我需要看到你的HTML，你需要指定是否需要用iframe創建一個新的div或預先加載一個現有的div。 – stackErr

您可以使用CSS技巧：

iframe { 
    background-image: url("http://jimpunk.net/Loading/wp-content/uploads/loading2.gif"); 
    background-repeat: no-repeat; 
    background-position: 50% 50%; 
}

此外，您還可以添加background-size: 10%;不要讓小微調。

JSFIDDLE

來源

2013-06-28 13:26:05

感謝您的回答，但我認爲您誤解了我的問題。我想在用該腳本加載頁面之前預加載iframe或div。該腳本現在用於圖像，並且我不確定如何爲div或iframe編輯它。 – riseagainst

@guisasso請添加一個pseodocode，使您的問題更清晰。 –

是否可以在頁面加載腳本之後爲iframe或div使用以下預加載？

回答

相關問題