防止图像加载在html中

我正在开发一个网站的移动版本，不幸的是由于使用的古老的CMS，我不可能改变或提供页面的替代模板 - 因此我只有CSS和JavaScript （也许是.htacess）在我的处置。防止图像加载在html中

我环顾四周，我认为可能有一种方法可以防止使用jquery加载图像：Prevent images from loading - 然而，这似乎不起作用（图像仍然加载。）说了这么多，懒惰装载机的东西似乎这样做，我已经看到它正在使用IRL - 所以我相当肯定有一种方法。

我真的很喜欢将设置.mobileonly类元素在我的HTML和使jquery防止加载他们和任何东西在他们。

任何指针都会很棒，谢谢你们！

干杯！约翰。

来源

2010-08-26 John Hunt

在我看来，像懒惰加载会为你做的工作。
对于您不想加载的图片，您可以放置一个小的默认图片，并将网址存储在例如'name'属性。给它的css类'mobileonly'。风格如你所愿。
然后针对非移动访问者从body.onLoad中调用js函数，该函数使用css类'mobileonly'查找所有imgs，并延迟加载从name属性中检索的url。

还要考虑：通常移动设备不仅带宽较少，而且CPU运行js的能力也较低。因此，所有不在移动设备上运行的js都会使您的网站更快。 :-)

来源

2010-08-26 07:11:21

这是一个聪明的解决方案..我需要给它一些想法，情况有点复杂，因为我试图尽可能少的干扰领先网站开发人员..要求他们把网址到名称属性可能会有点问，虽然这很可能是最好的方式来做到这一点，因为似乎几乎不可能阻止浏览器在JavaScript之后加载图像。还是谢谢！ – 2010-08-26 07:15:11

防止图像加载在html中

回答

相关问题