我使用的是TimThumb,它是一个用于调整图像大小的PHP脚本。
它缓存图像,而我的web应用程序依赖于该缓存才能正常运行。
当图像没有缓存在服务器上时,它就不能正常工作,我想知道是否有办法强制timthumb缓存图像,然后检索它,或者是否有办法使用JavaScript来确保图像首先被缓存。
为了确保浏览器将图像预加载到缓存中,您可以使用一些本地JavaScript对象。
var imgPreload = new Image();
imgPreload.src = PATH_TO_IMAGE;
现在,当您给<img>
标记一个与PATH_TO_IMAGE
相同的src
属性时,浏览器已经预加载了它。
<img src="PATH_TO_IMAGE" width="100%" >
你也可以将一些图像加载到HTML中,然后简单地使用一些css技巧来隐藏它们-
display:none
或
visibility:hidden
则仅当它们被完全加载时才显示它们。您可以使用.load()
函数。只需将其连接到<img>
标签-
$("#imageSelector").load(function(){
// image was fully loaded.
});