Tema: cambiar imagen dentro de una tabla al cargar
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 21/09/2009, 05:13
quimfv
Colaborador
  
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 17 años
Puntos: 574
Respuesta: cambiar imagen dentro de una tabla al cargar
Código html: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Documento sin t&iacute;tulo</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <SCRIPT language="JavaScript">
  7.  
  8. <!-- Begin JS Script -->
  9.  
  10. <!-- Begin
  11. // Set up the image files to be used.
  12. var theImages = new Array() // do not change this
  13. // To add more image files, continue with the
  14. // pattern below, adding to the array.
  15.  
  16. theImages[0] = 'img1.jpg'
  17. theImages[1] = 'img2.jpg'
  18. theImages[2] = 'img3.jpg'
  19. theImages[3] = 'img4.jpg'
  20. theImages[4] = 'img5.jpg'
  21.  
  22.  
  23.  
  24. // do not edit anything below this line
  25.  
  26. var j = 0
  27. var p = theImages.length;
  28. var preBuffer = new Array()
  29. for (i = 0; i < p; i++){
  30. preBuffer[i] = new Image()
  31. preBuffer[i].src = theImages[i]
  32. }
  33. var whichImage = Math.round(Math.random()*(p-1));
  34. function showImage(){
  35. document.getElementById('laimagen').src=theImages[whichImage];
  36. }
  37.  
  38. // End -->
  39. </script>
  40. </head>
  41.  
  42. <body onLoad="showImage()">
  43. <table width="100%" border="1" cellspacing="0" cellpadding="0">
  44.   <tr>
  45.     <td align="center" valign="middle"><img src="img1.jpg" id="laimagen"></td>
  46.   </tr>
  47. </table>
  48.  
  49. </body>
  50. </html>

funciona?

Quim

Edito: Adler se me ha adelantado, esta seria otra opción...