thumbnails en JavaScript

[Legoltaz]

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:

<script>
var imgs = document.getElementsByTagName('img');
for(var i = 0;i < imgs.length;i++){
    imgs[i].width = 80;
    imgs[i].height = 80;
    imgs[i].style.cursor = 'hand';
    imgs[i].onclick = function(){
        if(this.width == 80 && this.height == 80){
            this.width = 300; // esto es lo que quiero cambiar por su ancho original
            this.height = 300; // esto es lo que quiero cambiar por su alto original
        }
        else{
            this.width = 80;
            this.height = 80;
        }
    }
}
</script>
 

[David]

Obtiene el width y el height antes de modificarlos y guardas en un array.

[Legoltaz]

Pues ya está todo solucionado

Código javascript:

<script>
var imgs = document.getElementsByTagName('img');
var width = imgs[this.length].width;
var height = imgs[this.length].height;
for(var i = 0;i < imgs.length;i++){
    imgs[i].width = 80;
    imgs[i].height = 80;
    imgs[i].style.cursor = 'hand';
    imgs[i].onclick = function(){
        if(this.width == 80 && this.height == 80){
            this.width = width; // esto es lo que quiero cambiar por su ancho original
            this.height = height; // esto es lo que quiero cambiar por su alto original
        }
        else{
            this.width = 80;
            this.height = 80;
        }
    }
}
</script>