Tema: usar la misma funcion mas de 1 vez
Ver Mensaje Individual
  #16 (permalink)  
Antiguo 22/11/2014, 17:33
Avatar de satanson123
satanson123
 
Fecha de Ingreso: julio-2012
Mensajes: 217
Antigüedad: 12 años, 7 meses
Puntos: 2
Respuesta: usar la misma funcion mas de 1 vez
Cita:
Iniciado por javier_u Ver Mensaje
He probado ese ejemplo que me has dejado, satanson. Funciona casi igual al otro código que yo tenía pero mejor, creo que esta mas depurado. Al pulsar el botón cambia el tamaño sólo de la primera foto. Lo que trataba era de cambiar el tamaño de las dos fotos.

Gracias por tu ayuda.
Un saludo.
Usa el mismo ejemplo que te comente mas arriba:

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <!--
  3. Created using JS Bin
  4. http://jsbin.com
  5.  
  6. Copyright (c) 2014 by anonymous (http://jsbin.com/mukaxowufu/1/edit)
  7.  
  8. Released under the MIT license: http://jsbin.mit-license.org
  9. -->
  10. <meta name="robots" content="noindex">
  11. <html>
  12. <head>
  13.   <meta charset="utf-8">
  14.   <title>Ejemplo- FDW</title>
  15. <style id="jsbin-css">
  16. #bar{
  17.     display: block;
  18. }
  19.  
  20. .foo{
  21.     max-width: 400px;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26.     <button id = "bar">Cambiar tamaño de imágenes</button>  
  27.   
  28.     <img src = "http://www.absolut-canada.com/wp-content/uploads/2009/09/pesca-en-quebec.jpg" class = "foo" />
  29.     <img src = "http://static3.absolutcaribe.com/wp-content/uploads/2009/09/playa-placencia.jpg" class = "foo" />
  30. <script id="jsbin-javascript">
  31. var boton = document.querySelector("#bar"),
  32.     imagenes = document.querySelectorAll(".foo"),
  33.     total = imagenes.length;
  34.  
  35. boton.addEventListener("click", function(){
  36.     for (var i = 0; i < total; i++){
  37.         if (getComputedStyle(imagenes[i]).maxWidth == "400px"){
  38.             imagenes[i].style.maxWidth = "120px";
  39.         }
  40.         else{
  41.             imagenes[i].style.maxWidth = "400px";
  42.         }
  43.     }
  44. }, false);
  45. </script>
  46. </body>
  47. </html>

Solo tenias que borrar una imagen.