基础5:使用延迟加载的交换

时间:2015-10-14 07:56:37

标签: html responsive-design zurb-foundation lazy-loading zurb-foundation-5

所以,我使用Foundation 5作为我的前端框架,使用lazy-load-xt进行延迟加载。

现在,我需要实现响应式图像和延迟加载。

对于响应性,我使用的是基金会Interchangedata-interchange属性,如下所示:

<img data-interchange="[<img_path_default>, (default)], [<img_path_large>, (large)]">

但是,对于使用我提到的插件进行延迟加载,我需要指定data-src属性,如下所示:

<img data-src="<img_path>" >

我的困境是我一次只能实现延迟加载或响应。如何实现这两个功能?

0 个答案:

没有答案