Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/11/2011, 03:30
sarape
 
Fecha de Ingreso: marzo-2007
Mensajes: 58
Antigüedad: 17 años, 11 meses
Puntos: 0
Boton para cambiar tamaño de imágenes

Hola a todos:
Quiero hacer que aparezca una imagen en pantalla y con un boton llamado "Redimensionar" me cambie el tamaño de la imagen, y que al volver a pulsarlo me vuelva a tamaño original.
La primera parte me sale pero la segunda no, porque el tamaño es 200 y no sé como guardar el tamaño original.
El código es:
Código Javascript:
Ver original
  1. function cambiaTamanio(){
  2.     var img=document.images["foto"] || document.getElementById("foto");
  3.     var ancho=img.width;
  4.     alert(ancho);
  5.     if(img.width!=200)
  6.         img.width=200;
  7.     else
  8.         img.width=ancho;
  9. }

Código HTML:
Ver original
  1. <img src="images/body_bg.jpg" id="foto" name="foto" title="bebe"/>
  2. <input type="button" onClick="cambiaTamanio()" id="boton" value="Redimensionar"/>
  3. </form>

Gracias anticipadas

Última edición por sarape; 25/11/2011 a las 06:01