Изменение размера изображения средствами JQuery

Следующий фрагмент может пригодится для того, чтобы иметь возможность изменить размер изображений.

$(window).bind("load", function() {
   // IMAGE RESIZE
   $('img').each(function() {
      var maxWidth = 120;
      var maxHeight = 120;
      var ratio = 0;
      var width = $(this).width();
      var height = $(this).height();
   
      if(width > maxWidth){
         ratio = maxWidth / width;
         $(this).css("width", maxWidth);
         $(this).css("height", height * ratio);
         height = height * ratio;
      }
      var width = $(this).width();
      var height = $(this).height();
      if(height > maxHeight){
         ratio = maxHeight / height;
         $(this).css("height", maxHeight);
         $(this).css("width", width * ratio);
         width = width * ratio;
      }
   });
});
Теги:
Изменение размера изображения
Добавлено: 20 Апреля 2018 13:23:37 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...