Imagen en forma cortina

[rocio_oh]

Hola, me gustaría que alguien me ayudara con Javascript, por petición de un cliente necesito que en su web me aparezca una imagen poco a poco, es decir en forma de cortina, parecida a las que hay en www.valentino.com.

Si esto no es posible haber si sabeis esto que supongo será más fácil.
Que la imagen pase de derecha a izquierda y se pare en el centro.

Un saludo y espero vuestra ayuda.

[zick]

Siento decirte que eso es flash.. según tengo entendido, solo en flash ( u otros softwares similares), puedes diseñar esos efectos.

Javascript, no lo se..

Salud!!

[rocio_oh]

Gracias por contestar! Pero lo del movimiento en horizontal también es flash? Yo he encontrado un codigo en javascript pero lo que hace es que la imagen aparece poco a poco y luego desaparece y yo lo que quiero es que aparezca y que pare. Mira es este código haber si tú viéndolo sabes como arreglarlo para que haga lo que yo deseo.


<script language="JavaScript1.2">
<!--

var sliderwidth=470
var sliderheight=212
var slidespeed=4

var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<img src="a.png" border=1 alt="Visita HTMLpoint">'
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
//new function("if (i=1) ieslider.scrollAmount=0")
finalslide=finalslide+leftrightslide[i]+"&nbsp;&nbsp;"


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
}

//NS specific function for initializing slider upon page load
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_slider0 2.document.width
scrollslide()
}

//NS specific function for sliding slideshow
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=t helength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",10)
}
else{
document.ns_slider01.document.ns_slider02.left=sli derwidth
scrollslide()
}
}
window.onload=regenerate2

//-->
</script>

<ilayer align=center name="ns_slider01" left="40" top="2" width=&{sliderwidth}; height=&{sliderheight}; visibility=hide>
<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer>
</ilayer>
<div align="center">
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>

[zick]

Creo que lo que quieres es un slide.

Intenta editando la siguiente linea

document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')

por esta:

document.write('<marquee behavior="slide" direction="right" loop="1" id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')

Lo probé en IE7 y funciona (por lo menos va de izq. a der. y se detiene), en firefox, no.. ::(:

Cualquier cosa.. atento..

Salud!!

[rocio_oh]

Jolín muchísimas gracias!Yo estaba intentando entender el código para cambiar lo que fallaba y me estaba volviendo loca! Gracias a tí mi sufrimiento terminó! Oye y lo de que se parara en el centro no sabes como hacerlo?Si lo sabes por favor dime como!

Muchisimas gracias otra vez!!