Tema: usar la misma funcion mas de 1 vez
Ver Mensaje Individual
  #15 (permalink)  
Antiguo 22/11/2014, 17:23
javier_u
 
Fecha de Ingreso: noviembre-2014
Mensajes: 15
Antigüedad: 10 años, 11 meses
Puntos: 1
Respuesta: usar la misma funcion mas de 1 vez
Cita:
Iniciado por satanson123 Ver Mensaje
Prueba asi:

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


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.