Ver Mensaje Individual
  #11 (permalink)  
Antiguo 22/11/2014, 12:38
Avatar de satanson123
satanson123
 
Fecha de Ingreso: julio-2012
Mensajes: 217
Antigüedad: 11 años, 8 meses
Puntos: 2
Respuesta: usar la misma funcion mas de 1 vez

Cita:
Iniciado por javier_u Ver Mensaje
Siguiendo con este tema, ampliándolo un poco, ¿alguien sabe cómo se podría cambiar el tamaño de dos imágenes pulsando un botón. En el ejemplo que dejo en el código sólo cambia el tamaño de una imagen. Un saludo. Javier.


Código Java:
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="utf-8">
  5.   <title>Ejemplo- FDW</title>
  6.  
  7. <script>
  8. function big_img(){
  9.       var img=document.getElementById('img-p');
  10.       if(img.style.maxWidth=="400px"){
  11.       img.style.maxWidth="120px";
  12.       }else{
  13.       img.style.maxWidth="400px";
  14.       }
  15.       }
  16. </script>
  17.  
  18. </head>
  19.  
  20. <body>
  21.   <div>
  22.     <button id = "bar" onclick="big_img(this)">Cambiar tamaño de imágenes</button>
  23.   </div>
  24.  
  25.     <img " id="img-p" src="http://www.absolut-canada.com/wp-content/uploads/2009/09/pesca-en-quebec.jpg" title="Click para ver">
  26.     <img " id="img-p" src="http://static3.absolutcaribe.com/wp-content/uploads/2009/09/playa-placencia.jpg" title="Click para ver">    
  27.  
  28. </body>
  29. </html>
Hola mas arriba nuestro querido amigo Alexis88 tiene un ejemplo con 3 imagenes seguro que con ese ejemplo te funciona.