Foros del Web » Programando para Internet » Javascript »

Como puedo hacer banners dinámicos?

Estas en el tema de Como puedo hacer banners dinámicos? en el foro de Javascript en Foros del Web. Hola gente, estoy haciendo una pagina en la que tengo pequeños banners y necesitaria hacer alguna de estas 2 opciones (porque no me da el ...
  #1 (permalink)  
Antiguo 19/04/2010, 09:08
 
Fecha de Ingreso: julio-2009
Ubicación: Montevideo, UY
Mensajes: 129
Antigüedad: 14 años, 8 meses
Puntos: 1
Pregunta Como puedo hacer banners dinámicos?

Hola gente, estoy haciendo una pagina en la que tengo pequeños banners y necesitaria hacer alguna de estas 2 opciones (porque no me da el espacio, son más banners que espacio en la página).
1) Que se carguen aleatoriamente en la página (cualquiera en cualquier lugar pero que no se repitan).
o
2) Que sean tipo gif y que el banner "cambie" estando la página cargada.

Tienen idea si existe alguna funcion en js que me cargue aleatoriamente o que me cambie el banner automáticamente???

Muchas gracias!
Saludos.
  #2 (permalink)  
Antiguo 22/05/2010, 17:21
 
Fecha de Ingreso: julio-2009
Ubicación: Montevideo, UY
Mensajes: 129
Antigüedad: 14 años, 8 meses
Puntos: 1
Respuesta: Como puedo hacer banners dinámicos?

alguien que pueda ayudarme?
  #3 (permalink)  
Antiguo 23/05/2010, 05:14
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: Como puedo hacer banners dinámicos?

Hola

Hay infinidad de maneras. Por ejemplo

Código Javascript:
Ver original
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <script type="text/javascript">
  5. var ns4 = (document.layers)? true:false
  6. var ie4 = (document.all)? true:false
  7. var ns6 = (document.getElementById)? true:false
  8. var imagenDefecto="./iconos/blank.gif";
  9. var intervalo;
  10. var espera=8 //Segundos de espera
  11. var b=0;
  12. var noticiero=new Array();
  13. noticiero[0] = new noticia("./iconos/img1.gif","Destacado en CAZA","Caza de patos en Argentina<br/ ><br/ >","La caza de migratorias en Argentina es una de las mejores opciones para disfrutar de una modalidad que levanta pasiones entre sus practicantes. En este documental podemos disfrutar de un destino agradable y de unas tiradas espectaculares.","./unapagina.asp");
  14. noticiero[1] = new noticia("[NO PHOTO]","Destacado en CAZA","Perros de muestra<br/ ><br/ >","Este documental, llegar&aacute; a ser un cl&aacute;sico del perro de muestra. Nos ense&ntilde;a los modos y maneras del amplio abanico de especies con las que actualmente suele cazar el cazador europeo.","./unapagina.asp");
  15. noticiero[2] = new noticia("./iconos/img1.gif","Destacado en CAZA","Conejos en Torremolina<br/ ><br/ >","Este documental, nos muestra que hoy en d&iacute;a 'ir a conejos' es sin&oacute;nimo de una buena percha. La plaga de este lagomorfo, invade nuestros campos. ¡Pero vendita plaga!","./unapagina.asp");
  16. noticiero[3] = new noticia("./iconos/img1.gif","Destacado en CAZA","Caza selectiva de muflones y corzos<br/ ><br/ >","Muflones y corzos son los elegidos para la realizaci&oacute;n de este documental, Una serie de lances de bella factura en una moda lid, cada vez m&aacute;s necesaria para la buena gesti&oacute;n de nuestros montes y sierras.","./unapagina.asp");
  17. noticiero[4] = new noticia("./iconos/img1.gif","Destacado en CAZA","Jabal&iacute;es con luna nueva<br/ ><br/ >","La influencia de la luna en la caza mayor determina los ritmos del campo. La nueva, es la esperada y con ella nos vamos al monte a filmar algunos lances en espera.","./unapagina.asp");
  18. noticiero[5] = new noticia("./iconos/img1.gif","Destacado en CAZA","De perdices morunas, en los volcanes de Lanzarote<br/ ><br/ >","Este es uno de aquellos documentales que no deben faltar en cualquier colección cinegética. Esta africana, se pasea como dueña y señora de la roca volcánica, su caza es apasionante y su astucia sobradamente conocida.  A esto, tenemos que añadir el exquisito tratamiento cinegético que Vicente Amat da a sus documentales.","./unapagina.asp");
  19. noticiero[6] = new noticia("./iconos/img1.gif","Destacado en CAZA","De codornices por vegas y páramos<br/ ><br/ >","Cuando cazamos entre vegas y páramos, a la codorniz no se la caza, se la persigue. Y este excepcional documental de caza a esta pequeña migratoria que nos muestra una de las modalidades  cinegéticas más arraigadas sobre una de las aves que más pasiones levanta entre los cazadores de menor.","./unapagina.asp");
  20. noticiero[7] = new noticia("./iconos/img1.gif","Destacado en CAZA","Perdices en mano<br/ ><br/ >","La patiroja, es la protagonista de este documental. De la mano de buenos aficionados, veremos una jornada de caza a la reina de nuestros campos, y como nunca falta perro listo ni escopeta ligera, seguro pasaremos unos buenos momentos cinegéticos.","./unapagina.asp");
  21. noticiero[8] = new noticia("./iconos/img1.gif","Destacado en CAZA","Caza menor en mano<br/ ><br/ >","'Cazador absoluto, buenas piernas y pocos cartuchos', este refrán popular describe a la perfección el buen hacer de la cuadrilla de este reportaje. En el veremos lances a tenazón, tiros largos y sobre todo una mano bien dada.");
  22. noticiero[9] = new noticia("./iconos/img1.gif","Destacado en CAZA","Batida de jabalíes en los Yébenes<br/ ><br/ >","El vocablo 'Y&eacute;benes' proviene de la palabra árabe 'yebel', que significa 'monte', quizás porque esta villa cazadora de mayor y menor, se ubica en el extremo oriental de los Montes de Toledo. Escenario de este documental, que nos narra excelentemente como se desarrolla una batida al jabalí en la zona más serrana de Castilla La Mancha.","./unapagina.asp");
  23.  
  24.  
  25. function noticia(imagen,titulo,titulo2,sinopsis,enlace){
  26.       this.imagen = (!(imagen.indexOf('[NO PHOTO]'))) ? imagenDefecto : imagen;
  27.                     this.titulo = titulo;
  28.                     this.titulo2 = titulo2;
  29.                     this.sinopsis = sinopsis;
  30.                     this.enlace = enlace;
  31. }
  32.  
  33. function obj(x){
  34.     if (ns6)
  35.     {
  36.     return document.getElementById(x);
  37.     }
  38.     else if (ie4)
  39.     {
  40.     return document.all[x];
  41.     }
  42.     else if (ns4)
  43.     {
  44.     return document.layers[x];
  45.     }
  46.     else
  47.     {
  48.     return null;
  49.     }
  50. }
  51.  
  52.  
  53. function mostrar(a){
  54.     obj("imagen_noticia").src=noticiero[a].imagen;
  55.     obj("titulo_noticia").innerHTML=noticiero[a].titulo;
  56.     obj("titulo2_noticia").innerHTML=noticiero[a].titulo2;
  57.     obj("sinopsis_noticia").innerHTML=noticiero[a].sinopsis;
  58.     obj("enlace").href=noticiero[a].enlace
  59. }
  60.  
  61.  
  62. function cambiar(incr){
  63. b=(noticiero.length>b+incr)?b+incr:0;
  64.     if(b==-1){
  65.         b=noticiero.length-1;
  66.     }
  67.     mostrar(b);
  68. }
  69.  
  70.  
  71. function inicio(){
  72.     intervalo=setInterval("cambiar(1)",espera*1000);
  73. }
  74.  
  75. </script>
  76. <style>
  77. #imagen_noticia{
  78.     float:left;
  79.     padding-right: 10px;
  80. }
  81. </style>
  82. </head>
  83. <body onLoad="inicio();mostrar(0);">
  84. <table width="665px" border="1px" cellpadding="0" cellspacing="0">
  85. <tr height="200px">
  86. <td width="665px" align="left" valign="top" bgcolor="#FFFFFF" class="caja_caza">
  87. <div id="cuadro"><img src="" id="imagen_noticia" />
  88. <h1 id="titulo_noticia"></h1>
  89. <div id="titulo2_noticia"></div>
  90. <a href="" id="enlace"><div id="sinopsis_noticia"></div></a>
  91. </div>
  92. </td>
  93. </tr>
  94. <tr>
  95. <td><a href="#" onClick="clearInterval(intervalo);cambiar(-1);inicio()">Anterior</a> | <a href="#" onClick="clearInterval(intervalo)">Pausa</a> | <a href="#" onClick="clearInterval(intervalo);cambiar(1);inicio()">Siguiente</a></td>
  96. </tr>
  97. </table>
  98.  
  99. </body>
  100.  </html>

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;" />
  #4 (permalink)  
Antiguo 23/07/2011, 15:56
 
Fecha de Ingreso: julio-2011
Mensajes: 1
Antigüedad: 12 años, 9 meses
Puntos: 0
Respuesta: Como puedo hacer banners dinámicos?

Felicitaciones viejo, una solución muy buena y mucho mejor tu colaboración al dejarla, con este tipo de códigos es que digo que Flash no es necesario, es mejor y mas liviano Java.

Etiquetas: banner
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:57.