Cambiar el tamaño de la imagen con JavaScript

Verificamos de forma profundamente cada una de las reseñas de nuestra página web con el objetivo de mostrarte siempre la información veraz y certera.

Solución:

Una vez que tenga una referencia a su imagen, puede establecer su alto y ancho de la siguiente manera:

var yourImg = document.getElementById('yourImgId');
if(yourImg && yourImg.style) 
    yourImg.style.height = '100px';
    yourImg.style.width = '200px';

En el html, se vería así:

Puede cambiar el ancho/alto real attributes Me gusta esto:

var theImg = document.getElementById('theImgId');
theImg.height = 150;
theImg.width = 150;

Si desea cambiar el tamaño de una imagen después de cargarla, puede adjuntarla a la onload evento de la etiqueta. Tenga en cuenta que es posible que no sea compatible con todos los navegadores (la referencia de Microsoft afirma que es parte de la especificación HTML 4.0, pero la especificación HTML 4.0 no incluye la onload evento para ).

El siguiente código está probado y funciona en: IE 6, 7 y 8, Firefox 2, 3 y 3.5, Opera 9 y 10, Safari 3 y 4 y Google Chrome:

Reseñas y calificaciones del tutorial

Te invitamos a añadir valor a nuestra información participando con tu experiencia en las observaciones.

---

---

Utiliza Nuestro Buscador