Ver Mensaje Individual
  #3 (permalink)  
Antiguo 23/05/2010, 05:14
Avatar de Adler
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;" />