Como redimensionar imagens com jQuery

O que este snippet faz é selecionar todas as imagens dentro do documento HTML e definir a largura e a altura desejadas para cada imagem.

Programmazione jQuery
Programmazione jQuery
Siga FullPress no Google

Adicione-nos às suas fontes preferidas.

Seguir esta fonte no Google

Abaixo, forneço um trecho de código jQuery que permitirá redimensionar as imagens dentro de um elemento HTML.

$(document).ready(function() {
  // Seleziona tutte le immagini da ridimensionare
  var images = $('img');

  // Imposta la larghezza e l'altezza desiderate
  var newWidth = 300;
  var newHeight = 200;

  // Ridimensiona le immagini
  images.each(function() {
    $(this).css({
      width: newWidth,
      height: newHeight
    });
  });
});

O que este trecho faz é selecionar todas as imagens dentro do documento HTML e definir a largura e altura desejadas para cada imagem. Você pode personalizar as variáveis newWidth e newHeight com os valores que preferir. Certifique-se de incluir o jQuery em seu projeto antes de usar este trecho. Espero que seja útil!

Pubblicato in

Se vuoi rimanere aggiornato su Como redimensionar imagens com jQuery iscriviti alla nostra newsletter settimanale

Seja o primeiro a comentar

Faça um comentário

Seu e-mail não será divulgado.


*