关于js做图片缓存问题

Question

场景是这样：商品详情里有非常多的详情图片，在页面加载的过程中，资源加载变得很慢。
商品----详情----适用车型 对应三个page，而且是swiper来的。
我的思考是懒加载，但是这些产品图片是后端一串div>img...img..,这样进来的，

那么问题来了：
我现在的思考是div>img的width=0，这样图片就不加载了，在点击头部的nav时width=auto。
1.懒加载我拿不到img的属性 attr truesrc...不然可以用lazyload。
2.想知道有没有其他的方法。改接口？(后端是php，include吗)，异步也是一个问题。