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?

1 Respuesta

Respuesta
1
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!!!

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas