我有以下功能,用于页面修饰,仅在加载所有图像后才显示:
$.get('target-page.php', function(data){
var $live = $('#preview_temp_holder').html(data);
var imgCount = $live.find('img').length;
$('img',$live).load(function(){
imgCount--;
if (imgCount==0){
//DO STUFF HERE ONCE ALL IMAGES ARE LOADED
$('#preview_pane').html($live.children()).fadeIn(800);
$live.children().remove();
}
});
});
问题在于缓存的图像无法触发.load()
事件,因此不能减小缓存的图像imgCount
。
我知道我需要实施NickCraver的解决方案,但不确定如何实现。谁能帮我?
好的,设法将它们合并:
$.get('target-page.php', function(data){
var $live = $('#preview_temp_holder').html(data);
var $imgs = $live.find('img')
var imgCount = $imgs.length;
$imgs.one('load', function() {
imgCount--;
if (imgCount==0){
//DO STUFF HERE
//ALL IMAGES ARE LOADED
$('#preview_pane').html($live.children()).fadeIn(800);
}
})
.each(function() {
if(this.complete){
$(this).load();
}
});
});
注意:带有404像素的图片会破坏此效果。
页面是动态生成的,因为现在我需要,所以不能缓存整个页面。但至少我想缓存所有静态内容,包括页面中包含的图像,有两种方式: 以及以常规的方式 在Varnish配置文件中,图像如和url被设置为缓存。 当页面在浏览器中打开两次,清漆似乎工作正常,和年龄是 现在,当我运行一个脚本来预热清漆缓存,然后第一次在浏览器中打开任何页面时,所有的jpgs、pngs和image.php年龄总是=0 用于预热缓存的脚本
问题内容: 我通过SDWebImage将所有图像加载到我的应用程序中。下载和缓存效果很好,但我想创建一个按钮,以清除整个应用程序中的所有缓存图像。 我的一个标签栏视图中有一个“清除缓存”按钮作为UIButton。当点击此按钮时,如何才能将所有缓存的图像删除并需要重新下载? 使用Swift。 谢谢! 问题答案: 如果要完全清除缓存,请执行以下操作: 对象: 迅速: 斯威夫特3.0
问题内容: 问题描述: 我正在创建一个滚动的带有缩略图的文章列表,该列表由我的SQLite数据库填充。通常,它运行缓慢,但速度较慢: 图像加载非常缓慢…我想使用“ 通用图像加载器 ”将图像缓存在设备上,如果您已经查看过图像(或者至少接近该图像,那会使它们看起来只是滚动到视图中) )。但是- 当您向上/向下拖动时,没有任何图像,然后在3-5秒后,图像开始弹出(就像重新下载它们一样) 我正在动态更改缩
我有一个问题与我的Lazysize插件的动态集成。事实是当我加载页面(缓存禁用)时,src的所有图像都加载了内容。在这之后,响应者图像像我想要的那样被懒惰加载。 我的思考: 我用一个小图像替换了src属性,但浏览器在用这个小图像更改src之前一直加载原始图像。 加载页面时,不会在视口中显示所有图像,因为我对每个图像都使用了填充比技巧。 我试图在页面的页眉中移动脚本,但没有任何更改 下面是我在页面底
问题内容: 我想为我的jquery ajax代码(这是jquery仍在处理时)实现一个加载图像,下面是我的代码: 如何在此代码中实现加载图像。谢谢 问题答案: 尝试这样的事情:
问题内容: 我正在尝试使用效果很好的jQuery执行Ajax调用。我使用成功事件来显示数据。但是,似乎在加载外部HTML文件后就触发了成功。如果图像较大,则显示后将继续加载。在所有内容完全加载后,是否可以显示内容?这是代码: 问题答案: @alex编写的插件由于某些原因对我不起作用…我不知道为什么。但是他的代码确实鼓舞了我想出一个对我有用的更轻量级的解决方案。它使用jQuery Promise。请