如何在wordpress网站的javascript中对图像加载执行预加载器

Question

我的滑块的第一张图片是在页面加载后加载的。我想要显示第一张幻灯片的页面。我编写了一个函数，它创建了一个最初隐藏页面的div叠加层。我需要一个函数（可以在Jquery中），它会在事件触发时隐藏div覆盖，当显示我的滑块的第一个图像时，该事件将导致隐藏div覆盖。有问题的网站：applaudvideo.com密码：goonies

Javascript（这是我的WP网站的header.php。它创建了隐藏页面的div。）

if (document.getElementById) {
document.write('<style type="text/css" media="screen">#overlay 
{display:block;height:100%;width:100%;background:#2E0854;position:fixed;z-index:99999}
</style>');
}

CSS :(在体内）

<div id=overlay></div>

以上功能有效。我只需要一个通过绑定或监听事件来隐藏div覆盖的功能。该功能将被触发，隐藏叠加div，并且滑块的图像已经被渲染/显示。

以下是我认为我可以绑定或收听或附加隐藏div叠加的函数：

  

将下面列出的API函数复制并粘贴到您的函数中以进行事件监听。

revapi10.bind("revolution.slide.onloaded",function (e) {
//alert("slider loaded");

}）;

revapi10.bind("revolution.slide.onbeforeswap",function (e) {
//alert("before swap");

}）;

revapi10.bind("revolution.slide.onchange",function (e,data) {
//alert("slide changed to: "+data.slideIndex);