javascript - 图片懒加载的问题?
伊谢尔伦
伊谢尔伦 2017-04-10 14:56:34
[JavaScript讨论组]

我现在在做一个图片懒加载。

首先,页面载入时,img标签有两个属性,一个src是一张默认图片,一个src是图片的真实地址。

然后循环图片,通过滚动页面,监听图片是否到达可视区域,如果到了,就把图片的src的值赋给src。

经过测试没有问题,达到了图片懒加载。

但是,后来发现页面里存在tab切换,因为tab中其他的p项是默认隐藏的(display:none),因此无法获取隐藏p中图片的offsetTop,从而导致页面载入时,这些隐藏p的图片就直接加载了,请问如何解决隐藏p的图片和其他图片一样到达位置才加载(或者鼠标经过隐藏p,显示p后再把图片的src的值赋给src)。

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(1)
黄舟

隐藏 p 中的那些图片的真实 src 也是写在 src 里的是么?那在页面载入的适合应该不会自动加载呀。

话说对于隐藏的内容,在未显示之前可以根本不用管他们。总会有一个触发机制让隐藏的内容显示出来,你在触发的时候再根据情况加载即可。

如一个二级菜单里的图片,那么当二级菜单触发显示出来的时候,你再去加载图片即可。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号