Agrandar Imagenes

[mario798]

Iniciado por Adler

Hola

La teoría puede ser algo como esto. Tienes una imagen de tamaño 100x100. En un principio la muestras con un tamaño de 50x50 y después con + o - se irá aumentando o disminuyendo. Solo podrá aumentar hasta 100x100, para que la imagen no quede distorsionada.

Tendrás que trabajar con el width y el height de la imagen

Código html:

<img src="image.gif" id="mesa" width="50px" height="50px" /><br/>
<input type="button" value="+" onclick="redimensionar('sumar') /><br/>
<input type="button" value="-" onclick="redimensionar() />
 

La función sería así

Código javascript:

function redimensionar (accion) {
var height, width
if (accion == "sumar") {
height += 10;
width + = 10;
document.getElementById("mesa").style.height = height + "px"
document.getElementById("mesa").style.width = width + "px"
}
else
{
height -=10;
widht -= 10;
document.getElementById("mesa").style.height = height + "px"
document.getElementById("mesa").style.width = width + "px"
}
}
 

Suerte

Perdona esque la funcion me da error nose porke sera alomejor esque esta algo mal puesto pero nose...lo de (accion)que haría?

Saludos