El día 11/03/08, carlos campderrós <[EMAIL PROTECTED]>
escribió:
>
> 2008/3/11 Rodrigo Álvarez Virgós <[EMAIL PROTECTED]>:
>
>
> > Metí todas las imágenes, una debajo de la otra, en un sólo png [1],
> > aunque no se muestra entera porque la rodea un div con
> > overflow="hidden".
>
> Solución:
>
> Define zonas de cada continente para cada 'subimagen' del mapa de imagen.
> la
> subimagen original tiene las zonas de los continentes  + onmouseover para
> hacer el desplazamiento. la subimagen que se muestra a continuación tiene
> 1
> zona q es la del continente actual + onmouseout para restablecer la imagen
> a
> la posición inicial.



O también podría definir las areas para una imágen invisible que esté encima
de esta y que en el evento onmouseover se cambie el background-position de
la imágen visible.

Es decir:
<div><img transparente usemap></div>
El div tiene al png con todos los diferentes mundos de fondo, al pasar por
el área cambia la posición de ese fondo.

Suerte!
Martín.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a