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);