Javascript 使用ZURB基础数据交换使用JQuery懒散加载插件 使用ZURB基金会框架及其数据交换方法，为不同的屏幕大小提供不同的图像。

见：

以及：

由于延迟加载插件依赖于使用“原始数据”来定义图像路径， ZURB基金会互通使用“数据交换”。

< <强> Zurb基金会互换< /强>方法这样的图像：

<img data-interchange="[/path/to/default.jpg, (default)], [/path/to/bigger-image.jpg, (large)]">

<img class="lazy" data-original="img/example.jpg" width="640" height="480">

延迟加载处理如下图像：

<img data-interchange="[/path/to/default.jpg, (default)], [/path/to/bigger-image.jpg, (large)]">

<img class="lazy" data-original="img/example.jpg" width="640" height="480">

问题： 如何在延迟加载中使用“数据交换”而不是“原始数据”？ 如何将ZURB基金会互通方法与懒惰加载插件结合起来？

谢谢你的帮助

---

Vin

目前我找到的唯一解决方案是：

你可以使用的伴侣， 对基础代码做两个修改：

//fundation.js

this.$element.attr('src', path).load(function () {
//Replace:
this.$element.attr('data-original', path).load(function () {
//and
this.$element.css({ 'background-image': 'url(' + path + ')' }).trigger(trigger);    
//Replace:
this.$element.attr('data-original', path).load(function () {_this.currentPath = path;}).trigger(trigger);

---

正常使用交换，通过这种改变，惰性负载将产生神奇的效果。

我也只是想弄明白这一点！到目前为止还没有解决方案。你的链接是404'ing，