Ver Mensaje Individual
  #10 (permalink)  
Antiguo 22/11/2014, 08:16
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

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>