usar la misma funcion mas de 1 vez

[javier_u]

Iniciado por satanson123

Usa el mismo ejemplo que te comente mas arriba:

Código HTML:

<!DOCTYPE html>
<!--
Created using JS Bin
http://jsbin.com
 
Copyright (c) 2014 by anonymous (http://jsbin.com/mukaxowufu/1/edit)
 
Released under the MIT license: http://jsbin.mit-license.org
-->
<meta name="robots" content="noindex">
<html>
<head>
  <meta charset="utf-8">
  <title>Ejemplo- FDW</title>
<style id="jsbin-css">
#bar{
    display: block;
}
 
.foo{
    max-width: 400px;
}
</style>
</head>
<body>
    <button id = "bar">Cambiar tamaño de imágenes</button>  
  
    <img src = "http://www.absolut-canada.com/wp-content/uploads/2009/09/pesca-en-quebec.jpg" class = "foo" />
    <img src = "http://static3.absolutcaribe.com/wp-content/uploads/2009/09/playa-placencia.jpg" class = "foo" />
<script id="jsbin-javascript">
var boton = document.querySelector("#bar"),
    imagenes = document.querySelectorAll(".foo"),
    total = imagenes.length;
 
boton.addEventListener("click", function(){
    for (var i = 0; i < total; i++){
        if (getComputedStyle(imagenes[i]).maxWidth == "400px"){
            imagenes[i].style.maxWidth = "120px";
        }
        else{
            imagenes[i].style.maxWidth = "400px";
        }
    }
}, false);
</script>
</body>
</html>
 

Solo tenias que borrar una imagen.

Este ejemplo sí funciona. Tengo que estudiarlo a ver si lo entiendo.
Funciona perfecto.

Muchísimas gracias.
Un saludo.