Ver Mensaje Individual
  #3 (permalink)  
Antiguo 06/07/2009, 12:28
Avatar de Adler
Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 18 años, 2 meses
Puntos: 126
Respuesta: banner rotatorio

Hola

Esto es a groso modo

Código javascript:
Ver original
  1. var url_vector = new Array(5);
  2. var txt_vector = new Array(5);
  3. var banner_vector = new Array(5);
  4. var counter = 0;
  5. var url = "";
  6.  
  7. url_vector[0] = "http://www.curso1.com";
  8. url_vector[1] = "http://www.curso2.com";
  9. url_vector[2] = "http://www.curso3.com";
  10. url_vector[3] = "http://www.curso4.com";
  11. url_vector[4] = "http://www.curso5.com";
  12.  
  13.  
  14.  
  15. txt_vector[0] = "Nivel muy bajo";
  16. txt_vector[1] = "Vas subiendo de nivel";
  17. txt_vector[2] = "Nivel intermedio";
  18. txt_vector[3] = "Nivel avanzado";
  19. txt_vector[4] = "Estas hecho un hacha";
  20.  
  21.  
  22.  
  23. if(document.images){
  24.   for(i = 0; i < 5; i++)
  25.   {
  26.     banner_vector[i] = new Image(62,12);
  27.     banner_vector[i] = "iconos/" + (i+1) + ".gif";
  28.   }
  29. }
  30.  
  31.  
  32. function changeBanner(){
  33.     if(counter > 4)
  34.       counter = 0;
  35. document.getElementById("banner").innerHTML = "<img src="+banner_vector[counter]+" width='62px' height='12px' title="+txt_vector[counter]+" border='0px' />"
  36. url = url_vector[counter];
  37. document.getElementById("texto").innerHTML = txt_vector[counter];
  38. document.getElementById("banner_peq_5").style.background="white";
  39. document.getElementById("banner_peq_"+(counter+1)).style.background="red";
  40.     if (counter >= 1)
  41. document.getElementById("banner_peq_"+counter).style.background="white";    
  42.       counter++;
  43.     }
  44.  
  45.  
  46. timer = setInterval("changeBanner()", 2000);
  47. window.onload = changeBanner;

Código html:
Ver original
  1. <a href="#" onClick="window.open(url,'BannerWin');">
  2. <div id="banner"></div>
  3. </a>
  4.  
  5. <div id="texto"></div>
  6.  
  7. <table border="1">
  8. <tr>
  9.  
  10. <td id="banner_peq_1">
  11. <img src="iconos/1.gif" />
  12. </td>
  13. <td id="banner_peq_2">
  14. <img src="iconos/2.gif" />
  15. </td>
  16. <td id="banner_peq_3">
  17. <img src="iconos/3.gif" />
  18. </td>
  19. <td id="banner_peq_4">
  20. <img src="iconos/4.gif" />
  21. </td>
  22. <td id="banner_peq_5">
  23. <img src="iconos/5.gif" />
  24. </td>
  25. </tr>

PD: Si necesitas involucra una bd, dilo, tengo otro ejemplo en el que se usa bd

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />