Cómo redimensionar imágenes con jQuery

Lo que hace este snippet es seleccionar todas las imágenes dentro del documento HTML y establecer el ancho y la altura deseados para cada imagen.

Programmazione jQuery
Programmazione jQuery

A continuación, te proporciono un fragmento de código jQuery que te permitirá redimensionar las imágenes dentro de un 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
    });
  });
});

Lo que hace este fragmento es seleccionar todas las imágenes dentro del documento HTML y establecer el ancho y la altura deseados para cada imagen. Puedes personalizar las variablesnewWidth e newHeight con los valores que prefieras. Asegúrate de incluir jQuery en tu proyecto antes de usar este fragmento. ¡Espero que te sea útil!

Pubblicato in

Se vuoi rimanere aggiornato su Cómo redimensionar imágenes con jQuery iscriviti alla nostra newsletter settimanale

Sé el primero en comentar

Deja una respuesta

Tu dirección de correo no será publicada.


*