No me acuerdo de lo más facil!!(Rollover div al lado)

[NaRanJiTo78]

Hola!

Ningún cliente me había pedido hasta ahora una cosa tan sencilla, de la que ya ni siquiera recuerdo:

Es un simple rollover, pero en el div de al lado.

He buscado por google, pero solo me viene rollover sobre la propia imagen, no una que esté al lado.

Un ejemplo:

http://www.restaurantbon.fr/us/resta...on_lecadre.php

Alguien me puede ayudar?

Gracias

[kseso?]

Hola Naranjito
Creo que ese ejemplo no podría llamarse rollover.
Monta una galería de imágenes, ya sea utilizando sólo css o acompañado de algún script.
Pasa por www.cssplay.uk.co
Una recopilación de diversas galerías
Pero hay más ejemplos de los que pudiera enlazar, sólo necesitas encontrar la que mejor se adapte.

Un saludo

[NaRanJiTo78]

kseso?, gracias por contestar!

El caso es que el cliente quiere IDÉNTICO a la web que he puesto de ejemplo...

Hay algo sencillo y rápido, en vez de esas galerías que alomejor son un pelín mas complejas?

Saludos!

[kseso?]

Pues deberías saber explicarle a tu cliente las desventajas de utilizar el código de esa página (el html generado) y el css (para cada imagen utiliza una clase (vignettenº) para corregir la posición de cada imagen grande, además de incluir estilos en el propio html
Pero bueno: este el html de esas imágenes:

Código html:

<div id="vignette1"><img src="http://www.forosdelweb.com/f53/images/cadre_vino_v2.jpg" alt="" width="80" height="80" id="v1" onmouseover="MM_swapImage('zoom','','../images/cadre_vino_zoom2.jpg',0)" /></div>
<div id="vignette2"><img src="http://www.forosdelweb.com/f53/images/cadre_vino_v1.jpg" alt="" width="80" height="80" id="v2" onmouseover="MM_swapImage('zoom','','../images/cadre_vino_zoom1.jpg',0)" /></div>
<div id="vignette3"><img src="http://www.forosdelweb.com/f53/images/cadre_vino_v3.jpg" ...
etc... etc
 

y el css:

Código css:

#vignette1 {
height:80px;
left:210px;
position:absolute;
top:85px;
width:80px;
}
 

Sin mencionar el hecho de que los enlaces no están alojados en su lista correspondiente (ul/li/a) y otras menudencias que a tu cliente seguro que le encantará tener un funcionamiento similar pero libre de errores, más a amigable para los usuarios y para los buscadores.

Pero creo que tú ya tienes la experiencia suficiente para estudiar los códigos implicados (incluido js y flash) par tomarlos como ejemplo e inspiración y realizar tu propia creación.

Un saludo

[NaRanJiTo78]

Muchas gracias kseso?"!