Tema: alternar imagenes
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 24/05/2011, 06:33
alexg88
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años
Puntos: 344
Respuesta: alternar imagenes
Con la función SetInterval puedes hacer lo que quieres.

Te permite definir una función que realizar cada cierto tiempo.

Un ejemplo:

Código HTML: 
Ver original
  1. <html><head>
  2.   <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  3.   <title> - jsFiddle demo by alexg88</title>
  4.   <script type="text/javascript" src="/js/lib/dummy.js"></script>
  5.   
  6.   <link rel="stylesheet" type="text/css" href="/css/normalize.css">
  7.   <link rel="stylesheet" type="text/css" href="/css/result-light.css">
  8.   
  9.   <style type="text/css">
  10.     
  11.   </style>
  12.   
  13.   <script type="text/javascript">
  14.   //<![CDATA[ 
  15.   window.onload=function(){
  16.   function cambiar(){  
  17.    
  18. elemento1=document.getElementById('1');
  19. elemento2=document.getElementById('2');
  20.     
  21.     if (elemento1.style.display == "none")
  22.     {
  23.        elemento1.style.display = "";
  24.        elemento2.style.display = "none";
  25.     }
  26.     else
  27.     {
  28.        elemento2.style.display = "";
  29.        elemento1.style.display = "none";
  30.     }
  31.     
  32. }
  33.  
  34. setInterval(cambiar,2000);
  35.  
  36.  
  37.   }
  38.   //]]> 
  39.   </script>
  40.   
  41. </head>
  42. <body>
  43.   <div id="1" style="">
  44.     <img src="http://www.blogcdn.com/es.autoblog.com/media/2009/02/renntech-g-wagen-web.jpg">   
  45.     <img src="http://www.pcstorecr.com/virtual/images/G-08XU.jpg">   
  46. </div>
  47.  
  48. <div id="2" style="display: none; ">
  49.     <img src="http://www.pcstorecr.com/virtual/images/G-08XU.jpg">   
  50.     <img src="http://www.blogcdn.com/es.autoblog.com/media/2009/02/renntech-g-wagen-web.jpg">   
  51. </div>
  52.  
  53. </body></html>