是否可以在页面加载脚本之后为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使用以下预加载？

回答

相关问题