Question

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

在DIV中的背景图片上使用相同的行为，替换 data-src 上的路径，而不是 style =“background-image 。

我正在尝试仅在视口上显示图像，某种使用交换的手动延迟加载。

我正在加载页面时删除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或背景图像。这很好用但我现在的问题是图像在调整大小时自动出现。

所以，如果Interchange使用 data-src 来更改网址，我可以将网址粘贴到我需要的位置。

希望对能帮助我的人有意义。

非常感谢！

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

Foundation 6 Interchange data-src

1 个答案: