jq懒加载

1.引入懒加载文件lazyload.min.js
2.页面的img标签中src写个静态图片,data-lazy写真实要加载的图片

<img src="http://img.h.yiwang.com/xiangqing.jpg" data-lazy="<?= Html::encode(XUtils::getHashImgRewritePath($prod['SKU_IMG_URL']) . 's_w192_h197/' . $prod['SKU_IMG_URL']) ?>" alt="">

3.引入的js加载那个实际需要的图片

 $('.newshop img').lazyload({
    placeholder: "http://img.yiwang.com/s.gif",
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML5面试题总结1.基础问题 = 和 == 和 === 的区别?= : 用于赋值 == : 用于判断 === ...
    LorenaLu阅读 5,102评论 0 4
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,713评论 1 92
  • 在这个前端用户体验越来越重要的时代,你的页面稍微有点卡顿,都难以挽留用户。而作为一名有追求的前端,势必要力所能及地...
    程序员小布的养生之道阅读 5,011评论 0 50
  • AMD 和 CMD 的区别有哪些?AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 ...
    竿牍阅读 3,994评论 0 1
  • 不知不觉间已经上路了,告别那个自己生活了十八年的地方,告别了充满回忆的学校,告别了无论何时都向着自己的老奶奶,告别...
    丨曾经丶阅读 2,885评论 0 1

友情链接更多精彩内容