javascript - 调整浏览器窗口大小时更改图像

Question

我的主页上有一个使用横向图像的幻灯片。但是，当调整浏览器大小时，图像最终会被裁剪。为防止这种情况，我想在浏览器达到特定像素宽度时将横向图像交换为方形图像。但再次展开时必须切换回来。我该怎么做？

Answer 1

jQuery 提供了这个 resize event , 你可以像这样使用它，

$(function() {
   $(window).resize(function() {
      var width = $(window).width();
      var height = $(window).height();

      $('yourimage').attr('src', toAnotherSource);
      // or you can do anything with the image here.
   });
});