Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/09/2008, 07:01
Avatar de Legoltaz
Legoltaz
 
Fecha de Ingreso: agosto-2008
Mensajes: 325
Antigüedad: 16 años, 6 meses
Puntos: 6
thumbnails en JavaScript

Buenas, pues mi problema es el siguiente:

He creado un sencillo script que toma todas las imágenes de la página por su tag (img), y las imprime todas a 80x80, y de forma que al hacerles click, la redimensione, teniendo en cuenta su ancho y alto.

Lo que pasa es que yo quiero que todas las imgs sean de 80x80 (eso lo conseguí), pero que a la hora de redimensionarlas, pueda obtener su tamaño original, ya que cuando intento tomarlo, me pone lógicamente 80x80.

Este es el script:

Código JAVASCRIPT:
Ver original
  1. <script>
  2. var imgs = document.getElementsByTagName('img');
  3. for(var i = 0;i < imgs.length;i++){
  4.     imgs[i].width = 80;
  5.     imgs[i].height = 80;
  6.     imgs[i].style.cursor = 'hand';
  7.     imgs[i].onclick = function(){
  8.         if(this.width == 80 && this.height == 80){
  9.             this.width = 300; // esto es lo que quiero cambiar por su ancho original
  10.             this.height = 300; // esto es lo que quiero cambiar por su alto original
  11.         }
  12.         else{
  13.             this.width = 80;
  14.             this.height = 80;
  15.         }
  16.     }
  17. }
  18. </script>