bLazy image loader，错误时如何获取数据源？

Question

我正在使用 blazy 图像加载器，我正在尝试从出错的元素中获取数据 src。基本上，如果找不到图像或图像无效，我想更改图像 src 的最后 4 个字母，但我不知道如何获取实际来源。这是我的代码：

var bLazy = new Blazy({
  loadInvisible: true,
  error: function (ele, msg) {
     if (msg === 'missing') {
        var dsrc = ele.src();
        var fallback = dsrc.replace('y.jpg','b.jpg');
        ele.src(fallback);
     } else if (msg === 'invalid') {
        console.log(this);
     }
  },
  success: function(ele,msg){
      //console.log(ele.parseJSON());
      console.log(this);
  }
   });

我也试过 ele.attr('data-src'); 也没有用。当我查看 console.log(ele) 的控制台时，我得到的是实际图像而不是元素。

任何可以帮助的人...拜托！！

Answer 1

如果你想获得"src"属性，你可以使用$(ele).data("src")或$(ele).attr("data-src") JQuery。修改后即可。

  ;(function() {
      // Initialize
      var bLazy = new Blazy({
        error: function(ele, msg){
          if(msg === 'missing'){
            // Data-src is missing
            console.log(msg);
          } else if(msg === 'invalid'){
            // Data-src is invalid
            //console.log( $(ele).data("src") );
            var src = $(ele).data("src");
            src = src.substring(0, src.length - 4) + 'b.jpg';
            //or
            //src = src.replace('y.jpg','b.jpg');
            $(ele).attr("src",src);
          }  
        }          
      });
  })();

bLazy image loader，错误时如何获取数据源？

bLazy image loader, how to get data src on error?

javascript

jquery

lazy-loading

blazy