Foundation 6 Interchange data-src

Question

有可能使调整大小上的互换基础6替换属性上的路径data-src而不是图像的src？

而在一个DIV的背景图像上相同的行为，对数据-SRC代替风格=“背景图片更换路径。

我想只对视显示图片，一些一种手动延迟加载使用交换的

我删除SRC时，页面加载。

/*Stop Interchange Background Images loading images*/ 

    $(".delay").each(function(){ 
     var img_src = $(this).attr('src'); 
     $(this).attr("data-src", img_src); 
     $(this).attr('src', ''); 
    }); 

/*Stop Interchange Background Images loading for DIVs and Slides*/ 

    $(".backImg").each(function(){ 
     var img_backImg = $(this).css('background-image'); 
     $(this).attr("data-src", img_backImg); 
     $(this).css('background-image',''); 
    }); 

然后在src或背景图像添加一次IM年龄触摸视口。这很好，但我现在的问题是图像自动出现在调整大小。

所以如果交换使用数据-SRC改变网址，我可以采取的URL，并将其粘贴在我需要的。

希望对那些能帮助我的人有帮助。

非常感谢！

Answer 1

回答我自己的问题：

我发现了一个非美丽的方式做到这一点，但工作完全正常：

编辑foundation.js文件：

线6253：

this.$element.attr('src', path).load(function() { 

替换：

this.$element.attr('data-original', path).load(function() { 

线6259（背景图像）：

this.$element.css({ 'background-image': 'url(' + path + ')' }).trigger(trigger); 

Rempace：

this.$element.attr('data-original', path).load(function() { 
      _this.currentPath = path; 
      }).trigger(trigger);