如果使用javascript调整窗口大小，则更改图像

Question

调整窗口大小时，我想更改已加载图像的来源。使用此代码，仅在重新加载页面时它们才会更改。 我不能使用JQuery，只能使用javascript。

function Resize () {
if (window.innerWidth < 600) {
    var Photo = "photop" + i + ".jpg";
    photos.push(photo);
} else {
    var Photo = "photo" + i + ".png";
    photos.push(photo); }

Answer 1

使用onresize event。

window.onresize = function(event) {
    if (window.innerWidth < 600) {
      var Photo = "photop" + i + ".jpg";
      photos.push(photo);
    } else {
      var Photo = "photo" + i + ".png";
      photos.push(photo); }
};