調整瀏覽器窗口大小時更改圖像

Question

我的主頁上有一個幻燈片放映，它以橫向使用圖像。 但是，當調整瀏覽器的大小時，圖像最終會被剪切。 為了防止這種情況，我想在瀏覽器達到某個像素寬度時將面向橫向的圖像交換為正方形圖像。 但是當再次擴展時，它必須切換回去。 我將如何處理？

Answer 1

jQuery提供了此resize事件 ，您可以像這樣使用它，

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