更改img src以响应媒体查询(CSS或Javascript)

时间:2015-08-24 23:03:24

标签: javascript jquery html css image

我想更改图像的src以响应最大宽度为515像素的媒体查询。 可能如果javascript有一个与css媒体查询或类似事件相同的事件,我也可以实现javascript或jQuery(也可能是AngularJS)。

我想要3个(现在好2个)单独图像的原因是减少文件大小,例如在移动设备上,我可以加载50 KB照片而不是700 KB照片。

如果需要任何代码或其他信息,请注释,我会将其添加进来。

注意:问题This answer How to use a lower resolution image for mobile使用html5图片元素解决了相同类型的问题(而不是想要的css或jQuery'媒体查询'),这也是一个很好的解决方案。

0 个答案:

没有答案