jq懒加载
2017-03-23 本文已影响47人
hey_沙子
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",
});