【问题标题】:Images should only load when scrolling down to reduce bandwidth [closed]仅在向下滚动以减少带宽时才应加载图像[关闭]
【发布时间】:2015-08-07 23:49:50
【问题描述】:

好吧,我正在读出一个图像文件夹,其中包含 300 个图像和 php。 它运行良好。

为了减少带宽,我只想加载图像,如果它们在视口中。

【问题讨论】:

  • “站点结束”是什么意思?
  • 哎呀对不起,“站点结束”我的意思是如果我要滚动,那么图像应该正在加载,否则它不应该。对不起,我的英语不是最好的。希望你明白我的意思。分页不是选项

标签: php css ajax image directory


【解决方案1】:

据我所知,您正在寻找无限滚动。

你有一些插件可以帮助你:

http://jscroll.com/

http://infinite-scroll.com

【讨论】:

    【解决方案2】:

    如果我没记错的话,您希望在向下滚动页面时加载图片。所以,你需要在你的应用程序中使用lazy loading

    See this example

    如果您有任何问题,请告诉我。

    【讨论】:

    • 这看起来就是我要找的东西。谢谢,我试试看。
    • 努曼,我可以打扰你吗? ^^ 所以,我现在正在使用延迟加载,但它不能正常工作。只有图片正在加载,它们在视口中。如果我滚动,我什么也看不到。如果我查找源代码,我可以看到每张我看不到的图像,仍然有 src:data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAAAAAAEAAAICRAEAOw==" 作为它的占位符。如果我滚动,让我们说50% 下来,我重新加载页面,我可以看到图像,它们在 50% 滚动的视口中。有什么想法吗?
    • 好的,解决了。我的 jquery 插件刚刚过时。对不起!我使用了一个托管库,虽然它与灯箱一起使用,但它不适用于延迟加载。 (它高于 1.3.1,这就是我没有更改它的原因)无论如何,我更新了它并且它运行正常。非常感谢您对延迟加载的提示。
    猜你喜欢
    • 1970-01-01
    • 2023-03-09
    • 2013-04-06
    • 2020-08-09
    • 1970-01-01
    • 2011-05-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多