所以,我使用Foundation 5作为我的前端框架,使用lazy-load-xt进行延迟加载。
现在,我需要实现响应式图像和延迟加载。
对于响应性,我使用的是基金会Interchange的data-interchange
属性,如下所示:
<img data-interchange="[<img_path_default>, (default)], [<img_path_large>, (large)]">
但是,对于使用我提到的插件进行延迟加载,我需要指定data-src
属性,如下所示:
<img data-src="<img_path>" >
我的困境是我一次只能实现延迟加载或响应。如何实现这两个功能?