Agrandar Imagenes

[mario798]

Hola Buenas me gustaria saber algun método con el que pueda agrandar y diminuir una imagen,Su funcion sería la siguiente:

Estoy realizando una pagina en la que los restaurantes puedan diseñar sus comedores y me gustaría que las mesas se pudieran agrandar y encoger a la hora del diseño del salon.La mesa seria una imagen con un tamaño estandar y llevaria la página 2 botones con "+" y "-".Hay alguna forma sencilla?

Un saludoo

[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

[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

[Adler]

Hola

Había mas de una parte que estaba mal

Código javascript:

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

El argumento "accion" sirve para saber que acción realizar(sumar o restar). Si el valor de "accion" es igual a "sumar" entonces incrementa el tamaño de la imagen

Suerte