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

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.
   });
});