php知识积累

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",
});
上一篇下一篇

猜你喜欢

热点阅读