【问题标题】:Gallery images lazy loading?图库图片延迟加载?
【发布时间】:2013-01-05 07:28:18
【问题描述】:

我在一个网站中有这个画廊页面,该页面已被分类为多个部分。问题是它会在第一次加载时加载整个图像,这反过来又使网站非常滞后且无响应。

据我了解,延迟加载在这里对我有帮助,但显然它不适用于当前代码。如果您有任何其他想法,请告诉我,甚至是解决延迟加载问题的方法。

抱歉,这是网站当前的图库页面。 http://www.hishamomran.com/zahabia3/gallery.html

非常感谢!

【问题讨论】:

  • 当用户向下滚动页面一定距离时,您似乎想加载更多图像

标签: jquery html gallery


【解决方案1】:

延迟加载不起作用,因为插件 URL 错误,在控制台上查看,它会抛出 404 错误。 http://www.hishamomran.com/zahabia3/js/jquery.lazyload.js

编辑:<img data-original=“img/example.jpg” src=“img/grey.gif”> 这就是你的图像应该是什么样子。如果您将其放入 src 属性,它肯定会加载您的图像。

【讨论】:

  • 很抱歉,服务器仍在上传!它现在在那里,但仍然无法正常工作!
  • 我认为脚本已加载完毕,但仍在加载所有图片,而且加载时间过长!
  • 此外,画廊首先开始加载所有图像,然后专注于“概述”类别。有什么办法让它按需加载每个类别?
  • 应该有一种方法可以将延迟加载应用于整个容器。这就是现在代码中的内容。我无法将原始数据添加到超过 450 张图像中。有什么想法吗?
  • 为什么不呢?只需用文本编辑器自动替换 img 代码即可。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-07-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多