script similar a esto?

[Ojopex2]

Hola amigos, necesito un script de javascript para hacer lo que aparece en esta página, algo asi:

http://www.conjuntolosperales.cl/ , donde el recuadro de al medio, al posar el mouse sobre las fotos cambian automáticamente, y si es posible que tambien el caption de la foto. ¿Alguien sabe como lo puedo buscar? Sé que Xara Web Designer lo incorpora en sus herramientas, pero la verdad le estube hechando el ojo y no permite modificarlo muy facilmente, tiene un problema con el css que lo vuelve todo de cabezas INENTENDIBLE y criptico.

Y si alguien sabe de cómo hacerlo con otra tecnologia (que no sea flash) tambien sirve. La verdad no estoy ahora queriendo saber programarlo...asi que por eso un script es lo que necesito.

Si pueden ayudarme se los agradezco mucho


Saludos.

[Mixvice]

Puedes usar slideshow te dará un efecto algo parecido y hay diferentes diseños gratuitos por la web..

[_cronos2]

Es muy fácil, sólo tendrías que modificar el CSS:

Código Javascript:

function cambiar(s){
 var d=document.getElementById('img');
 d.src=s;
}
 

Código HTML:

<img src='img1.gif' alt='1' id='img' />
<img src='img2.gif' alt='2' onmouseover='cambiar(this.src);' onmouseout='cambiar("img1.gif");' />
<img src='img3.gif' alt='3' onmouseover='cambiar(this.src);' onmouseout='cambiar("img1.gif");' />
<img src='img4.gif' alt='4' onmouseover='cambiar(this.src);' onmouseout='cambiar("img1.gif");' />
 

Saludos (:

[Ojopex2]

Hola, gracias por responder.

_Cronos2...¿y para agregarle un texto correspondiente a cada imagen, dónde se debería agregar, ¿¿en la funcion??

[_cronos2]

No entiendo, ¿dónde quieres agregar el texto?
Saludos (:

[Ojopex2]

debajo de la imagen grande, como una descripción...

[_cronos2]

Código Javascript:

function cambiar(t,v){
 var d=document.getElementById('img');
 d.src=t.src;
 document.getElementById('descrip').innerHTML=v;
}
 

Código HTML:

<img src='img1.gif' alt='1' id='img' />
<div id='descrip'>img1.gif</div>
<img src='img2.gif' alt='2' onmouseover='cambiar(this,this.alt);' onmouseout='cambiar("img1.gif","");' />
<img src='img3.gif' alt='3' onmouseover='cambiar(this,this.alt);' onmouseout='cambiar("img1.gif","");' />
<img src='img4.gif' alt='4' onmouseover='cambiar(this,this.alt);' onmouseout='cambiar("img1.gif","");' />
 

Saludos (: