jq懒加载

作者: hey_沙子 | 来源:发表于2017-03-23 18:11 被阅读47次

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",
});

相关文章

  • jq懒加载

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

  • 前端一些工具

    图片懒加载 lazyloadhttps://github.com/tuupola/jq... 瀑布流 Masonr...

  • 图片懒加载JQ/VUE

    jQuery 使用方法: 1.引用jQuery和jQuery.lazyload.js 2.给图片绑定一个data-...

  • 使用jq实现图片懒加载

    图片懒加载主要看第三张,只是为了记录。所以不多说什么。有看不懂就下方留言

  • JQuery小结

    一、页面加载 JQ的页面加载比JS要快,当整个dom树结构生成完毕后就会加载 JQ页面加载不存在覆盖问题,加载的时...

  • JQuery 懒加载

    思路:1,引入jq的一个懒加载插件:jquery.lazyload.js2,不要给图片设置src属性,设置data...

  • JQ实现瀑布流布局 + 懒加载

    示例: 思路: 1.所有图片保证宽度一致,接着确定展示几列,第一排使用 float:left 实现排序2.如下图我...

  • 前端

    1.闭包 2.JQ加载 3.JQ选择器

  • iOS开发,懒加载

    什么是懒加载? 懒加载--比较懒的加载方式,需要的时候才加载,也称为延时加载。 所谓懒加载既是重写get方法,一定...

  • iOS开发UI篇-懒加载、重写setter方法赋值

    一、懒加载 1.懒加载定义 懒加载——也称为延迟加载,即在需要的时候才加载(效率低,占用内存小)。所谓懒加载,写的...

网友评论

    本文标题:jq懒加载

    本文链接:https://www.haomeiwen.com/subject/ezzjnttx.html