Quiero saber como crear una marquesina con imágenes para mi web
¿Cómo estas? Te cuento que necesito crear una marquesina. El problema es que quiero incluir varias imagenes y no puedo hacerlo bien. Te explico en detalle para que me puedas entender. Tengo una tabla de 450px (ancho). Quiero hacer una marquesina horizontal con 10 imagenes de 100px (ancho) cada una. ¿Puedo incluir todas esas imagenes sin que se desarme la tabla?
¿Me explicas como hacerlo?
Aquí te mando el código de lo que creo que me estás pidiendo. Una tabla con un scroll de 10 imágenes. Mira que las imágenes están en un array en la parte superior del código. Tienes que sustituir el "images/0.gif", "images/1.gif"... por la ruta de tus imágenes. <td> <div align="center"> <table border="0" width="450" cellspacing="0" cellpadding="0"> <tr> <td width="94"> <script language="JavaScript1.2"> <!-- var sliderwidth=500 var sliderheight=150 var slidespeed=5 var leftrightslide=new Array() var finalslide='' leftrightslide[0]='<img src="images/0.gif" border=1 width=100px alt="Imagen1"></a>' leftrightslide[1]='<img src="images/1.gif" border=1 width=100px alt="Imagen2"></a>' leftrightslide[2]='<img src="images/2gif" border=1 width=100px alt="Imagen3"></a>' leftrightslide[3]='<img src="images/3gif" border=1 width=100px alt="Imagen4"></a>' leftrightslide[4]='<img src="images/4gif" border=1 width=100px alt="Imagen5"></a>' leftrightslide[5]='<img src="images/5gif" border=1 width=100px alt="Imagen6"></a>' leftrightslide[6]='<img src="images/6gif" border=1 width=100px alt="Imagen7"></a>' leftrightslide[7]='<img src="images/7gif" border=1 width=100px alt="Imagen8"></a>' leftrightslide[8]='<img src="images/8gif" border=1 width=100px alt="Imagen9"></a>' leftrightslide[9]='<img src="images/9gif" border=1 width=100px alt="Imagen10"></a>' leftrightslide[10]='<img src="images/10gif" border=1 width=100px alt="Imagen11"></a>' var copyspeed=slidespeed for (i=0;i<leftrightslide.length;i++) finalslide=finalslide+leftrightslide+" " if (document.all){ document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>') ieslider.onmouseover=new Function("ieslider.scrollAmount=0") ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed") } function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ document.ns_slider01.visibility="show" setTimeout("window.onresize=regenerate",450) intializeleftrightslide() } if (document.all) ieslider.scrollAmount=slidespeed } function intializeleftrightslide(){ document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>') document. ns_slider01.document.ns_slider02.document.close() thelength=document.ns_slider01.document.ns_slider02.document.width scrollslide() } function scrollslide(){ if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){ document.ns_slider01.document.ns_slider02.left-=slidespeed setTimeout("scrollslide()",100) } else{ document.ns_slider01.document.ns_slider02.left=sliderwidth scrollslide() } } window.onload=regenerate2 //--> </script> <ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide> <layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"> </layer> </ilayer> <p align="center" style="margin-top: 0; margin-bottom: 0"> </td> </tr> </table> </div> </td> Si necesitas mas, dímelo.
Excelente respuesta!!! Gracias por la rapidez y por el tiempo que te tomaste!!! Seguramente te vuelva a molestar con alguna otra pregunta ya que veo que sabes un monton. Saludos y de nuevo Muchas Gracias!!!