Tema: usar la misma funcion mas de 1 vez
Ver Mensaje Individual
  #17 (permalink)  
Antiguo 22/11/2014, 17:45
javier_u
 
Fecha de Ingreso: noviembre-2014
Mensajes: 15
Antigüedad: 9 años, 5 meses
Puntos: 1
Respuesta: usar la misma funcion mas de 1 vez
Cita:
Iniciado por satanson123 Ver Mensaje
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.

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

Muchísimas gracias.
Un saludo.