javascript - 如果屏幕宽度 <= 699，则交换图像 src

Question

我有两个图像“image-big.jpg”和“image-small.jpg”我想通过javascript检测屏幕宽度是否<= 699并使用图像中的class =“imageswap”更改图像的SRC big.jpg 到 image-small.jpg。

所以基本上，如果它们位于可移植设备上，它将显示较小的图像。

我充其量只是 javascsript 的新手，非常感谢任何帮助!

Answer 1

绑定(bind)到窗口onresize事件:

window.onresize = function(event) {
    if(window.innerWidth && window.innerWidth===699)
       document.getElementById('myImg').src = 'newSource';
    else if(document.body.offsetWidth && document.body.offsetWidth===669)
       document.getElementById('myImg').src = 'newSource';
};

else if 适用于 IE < v.9