SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

Javascript - Sencillo rotador de banners aleatorios

Códigos Javascript

El ejemplo consigue mostrar aleatoriamente un banner con enlace. Para insertar mas banners solo debemos agregar mas lineas como se muestran en lineas 5 y 6 con el nombre de la imagen y enlace
Visitas: 17,746 - 19/05/2004 22:20:24
CODIGO SIN DEMOSTRACIONNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <head>
  2. <script LANGUAGE="JavaScript">
  3. var mi_banners = [
  4. ['http://www.enlacedebanner1.com', 'banner1.gif'],
  5. ['http://www.enlacedebanner2.com', 'banner2.gif']
  6. ];
  7. var mfIe = false;
  8. if( document.all) {
  9. mfIe = true;
  10. }
  11. var mi_bannerIndex = 0;
  12. function mi_bannerChange() {
  13. var htmlString = '<a target="_blank" href="'+mi_banners[mi_bannerIndex][0]+'"> <img border="0" src="'+mi_banners[mi_bannerIndex][1]+'"></a>';
  14. if( mfIe) {
  15. document.all.banner.innerHTML = htmlString;
  16. }
  17. else {
  18. document.layers["banner"].document.open();
  19. document.layers["banner"].document.write( htmlString);
  20. document.layers["banner"].document.close();
  21. }
  22. if(mi_bannerIndex < mi_banners.length - 1)
  23. mi_bannerIndex++;
  24. else
  25. mi_bannerIndex = 0;
  26. }
  27. setInterval("mi_bannerChange()", 3000);
  28. </script>
  29. </head><body>
  30. <div id="banner"></div>
  31. </body>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Sencillo rotador de banners aleatorios" href="http://www.tutores.org/codigo/1101/" target="_blank">Sencillo rotador de banners aleatorios</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
nbello
4 5
como hacer para que este codigo funcione en Firefox?
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.