我在我的照片博客中使用Colorbox,Masonry和Infinite-scroll。 一切正常,但我想让它更好地工作......
我加载了一个缩略图列表,链接到一些隐藏的div,其中包含我用colorbox显示的较大图像。 像这样:
<a href="colorbox"><img thumbnail></a>
<hidden div><img bigger image></div>
所有缩略图都按Masonry排序,问题是我必须在砌体可以对缩略图进行排序之前加载所有较大的图像! 有没有办法只在彩盒调用后加载更大的图像?
答案 0 :(得分:0)
我这样解决了:
我使用<img rel="url">
代替<img src="url">
生成页面的html。当我必须加载大图像时,我用rel参数替换src。
通过这种方式,浏览器不会加载所有图像,而只加载我想要加载的图像。