如何将imageresizer响应图像与延迟加载相结合

时间:2014-05-06 21:50:11

标签: imageresizer

我使用http://www.appelsiini.net/projects/lazyload为图像实现了一个延迟加载解决方案,它按预期工作。

既然我正在处理的DNN皮肤是响应式的,我想使用ImageResizer的响应式解决方案:http://imageresizing.net/blog/2013/effortless-responsive-images - 设置现在正在运行,但是当它与之结合使用时延迟加载,提供的图像不再响应。

有没有办法将这两种技术结合起来?

我们运行最新的.NET和IIS 7+。提前谢谢!

1 个答案:

答案 0 :(得分:0)

除非您致电window.slimmage.checkResponsiveImages(),否则Slimmage.js将无法检测到DOMLoaded后添加到页面的图片。如果您使用单独的延迟加载或jQuery插件来修改图像,请在完成其工作后调用checkResponsiveImages()。

浏览器供应商建议不要使用延迟图像加载,因为它会耗尽移动设备电源。打开wifi或LTE无线电是设备最昂贵的操作,延迟加载可以使它变得更加繁琐3-10倍。