预加载图像/文本所以当.load被触发没有延迟

Question

即时通讯使用jquery .load来加载一些内容和图像到幻灯片div，但似乎有一个延迟加载图像，所以我结束当面板滑出时获取图像的占位符框。有没有一种方法可以延迟.load函数，直到内容准备就绪或预加载图像，以便首先不会出现延迟？

这是使用图像加载IM /激活幻灯片

google.setOnLoadCallback(function() { 
$("#show-services").click(function (e) { 
    e.preventDefault; 
    $(".content").load("index.html .get", function() { 
     $('.hide-content').click(function() { 
      $(".content").hide("slide", { 
       direction: "right" 
      }, 1000); 
     }); 
    }); 
    return false; 
    }); 
}); 

Answer 1

可以使容器隐藏，然后加载图像，等到他们装（使用Image对象的数组其src从您的内容中获取，并带有onload回调和计数器）。

Answer 2

你可以利用下面的方法。

$('#content').load("index.html", function(){ 
    setTimeout(function(){alert("loaded")}, 3000); 
}); 

设置页面加载成功后超时。