jQuery的负载（）：如何防止下来的页面图片首先出现？

点击链接负载（用jQuery加载功能）的一些照片，但我第一次看到最后图片一瞬间，好像他们是第一次加载，那么第一个画面出现，并留下来。jQuery的负载（）：如何防止下来的页面图片首先出现？

如何防止加载页面的最后一个图片从简单首先出现？

2012-03-12 drake035

向我们显示您的代码。 – gdoron 2012-03-12 18:20:33

@ drake035是你在找什么：['lazyload']（http://www.appelsiini.net/projects/lazyload）？ – 2012-03-12 18:31:26

默认为开头的图像可以使用CSS display:none;。在文档准备好之后，使用jquery使它们可见。

2012-03-12 18:18:09 websymphony

甚至更好，使用'visibility：hidden'，这样你的其他内容就不会左右移动来填充你用'display：none'创建的所有“洞”了。 – Sparky 2012-03-12 18:20:39

1.图像没有加载到DOM就绪。 2.他正在用'ajax'请求加载图像。 – gdoron 2012-03-12 18:21:32

然后，他可以在Ajax请求的成功回调中显示图像。 – websymphony 2012-03-12 18:22:50

对于你不想最先出现，添加类“NOSHOW”图片：

<img src="..." class="noshow" />

而且这一款式：

.noshow{ display: none; }

然后使用从负载函数的回调：

$('#result').load('ajax/test.html', function() { 
    $(".noshow").removeClass("noshow"); 
});

您还可以使用“.show（）”方法，将样式直接放在img标签中，如果您想要它会更浓缩。

2012-03-12 18:21:47 ramblinjan

回答