带有Lazysizes插件的响应式图像不会在IE和Safari浏览器中显示

时间:2016-11-17 11:27:33

标签: javascript jquery jquery-plugins lazy-loading

我在我的一个项目中使用Lazysizes jquery插件,在响应式视图中根据浏览器窗口的大小加载/显示相应的图像,以下是在Chrome上显示图像的代码Firefox浏览器,但不在Safari和IE浏览器中,它只显示空白而不是图像。

<cfoutput>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/2.0.7/lazysizes.min.js" async=""></script>

    <img 
    data-sizes="auto" 
    data-srcset="image01-sm.jpg 242w,
    image02-med.jpg 355w, 
    image03.jpg 392w" 
    class="lazyload" />

</cfoutput>

如果我在img tag上使用了data-src="image.jpg"属性,那么单独显示该图像,并且data-srcset属性中的图像不会加载。这也没有回应。但是在Chrome和FF浏览器上一切正常。

不确定,为什么它不能在这些浏览器上工作(Safari和IE)?我错过了什么吗?

0 个答案:

没有答案