galería de fotos con slide horizontal

[angeldelolmo]

Hola amigos necesito hacer una galería con la siguiente apariencia:



De forma que si pones el cursor en la parte derecha de la foto, se vean unos píxeles de la foto que hay mas a la derecha, si mueves el cursor a la izquierda y si haces click, muestre por completo la imagen que se empieza a mostrar.


Tengo el efecto en la mente, creo que lo he visto en alguna página pero no se exáctamente en cuál, ni cómo hacerlo. Me gustaría que fuese javascript en lugar de flash pero si alguien sabe hacerlo, da igual la forma.

Gracias ! un saludo

[Adler]

Hola

Ya puesto, esto es lo que buscas

Suerte

[angeldelolmo]

gracias Adler !

Cómo puedo eliminar el márgen que hay entre las imágenes?

[deirdre]

Hola angeldelolmo

En el ejemplo que te brinda Adler, cambia la hoja de estilo gallerystyle.css por esta otra:

Código HTML:

#motioncontainer {
margin:0 auto;
width: 50%;
height: 142px;
}
#motioncontainer a img {
border: 0px solid #cccccc;
}
#motioncontainer a:hover img {
border: 0px solid navy;
}
#statusdiv {
background-color: #FFFF99;
border: 1px solid gray;
padding: 2px;
position: absolute;
left: -300px;
visibility: hidden;
}
#motioncontainer a:hover {
color: red;
}
img {
	border: 0;
	margin-left: -4px;
}

Así eliminas la separación entre fotos.

Bye

[angeldelolmo]

Después de haberlo incorporado, me parece poco usable.

Lo que buscaba es que si pones el cursor en la parte derecha de la foto, se vean unos píxeles de la foto que hay mas a la derecha, si mueves el cursor a la izquierda y si haces click, muestre por completo la imagen que se empieza a mostrar.

Pero que nunca se deslicen todas las imágenes de golpe, es decir, al pasar el ratón por encima, sólo se corren unos píxeles para dejar ver la foto siguiente, y SÓLO SI haces click, la muestra por completo.

Alguna idea?

GRACIAS !