b-lazy无法加载图片的bug
最近发现blazy的一个小bug,原因竟然是一个属性导致的。
1.首先引入 js
<script src="//cdn.jsdelivr.net/blazy/latest/blazy.min.js"></script>
<script>
window.bLazy = new Blazy({
container: '.content',
success: function (element) {
console.log("Element loaded: ", element.nodeName);
}
});
</script>
2.然后加入要加载的图片,看起来没毛病吧,老铁,但是死活加载不出来。
<img class="b-lazy animate b-loaded" data-src="http://cdn.dinbror.dk/assets/blazy/02.jpg" >
3.然后我加入alt 属性,然后图片就出来了,来了,了。。。。
<img class="b-lazy animate b-loaded" data-src="http://cdn.dinbror.dk/assets/blazy/02.jpg" alt="Lazy load images example 1b" >
4.这什么bug啊,必须有alt属性?反正分享出来给大家一个防坑指南