Dreamweaver: zona activa en imagen de sustitucion??

[kurkep]

Hola! tengo una duda al crear mi sitio web (con dreamwwaver). Cree una imagen para el menu, con 8 secciones. mi idea, ya que los 8 cuadros tienen otra imagen que sobresale para llevar a una subseccion, era poner una zona activa para esa imagen de subseccion, y una poligonal para la "seccion". has ahi perfecto..pero mi duda es si pudo hacer rollover al pasar por encima. Cuando pruebo a hacerlo, logicamente el raton no sabe que hacer, ya que por un lado le indico que haga la imagen de sustitucion, y por otro que tenga una zona activa para un link. Mi duda es..como hacerlo? quizas poniendo codigo a la zona activa para q haga la imagen de sustitucion?? muchas gracias, un saludo

[Rafael]

¿Estas usando Mapas (map)?
Con esta etiqueta defines las zonas activas y ya:

y puedes asignarle el comportamiento en mouseover por ejemplo

<map name="Coordenadas">
<area href="tema1.html" alt="Polígono1"
shape="poly" coords="0,0, 0,60, 60,60, 60,40, 20,40, 20,20, 60,20, 60,0, 0,0"
onMouseOver="Mapa.src='Mapa-1.gif';">
</map>
<img src="Mapa-0.gif"
name="Mapa"
usemap="#Coordenadas"
alt="Mapa con ligas"
width="200"
height="100"
border="0">

El problema es que el mapa es una sola imagen, así que necesita sustituír Toda la imagen, lo que probablemente sea demasiado si la sección es pequeña.

Probablemente te convenga poner imagenes flotadas posicionadas absolutamente con Css, para que el mouseover solo cambie el pedacito en cuestión.

O conseguir un Javascript que le cambie algún atributo de brillo o canal alpha en la sección, así degradará mejor el documento. Con las imagenes flotadas podría haber un mundo de código y pedacería de imagenes por ahí.

[juaniquillo]

puedes hacerlo con css, (estoy casi seguro), pero las zonas del areamap tiene que ser del mismo tamaño que la imagen y después usar un background en el estado hover. Nunca lo he probado (yo para esos casos uso enlaces posicionados) pero me imagino que puede funcionar.

[kurkep]

Muchas gracias a los dos..la verdad que como ultima opción, quito esa "imagen circular" que tengo sobresaliendo en los 8 cuadros. Para la primera cuestion..la del mapa: Yo tengo la imagen partida en 8 sectores. si lo hiciera con mapa de imagen entero, de una sola imagen..deberia guardarme esa imagen 8 veces..resaltando en cada una de ellas el cuadro que quiero con rollover,no? lo cual me pareceria mas complicado e innecesario.
Por lo del css..la verdad que no entiendo muy bien..como lo haríais?? es que tampoco se muy bien como buscar esta respuesta, a pesar q busco por google de cualquier forma.
Mi idea, q no se si podría llevar a cabo, era hacer algo(por css..javascript..lo q sea) q asociara el rollover a la zona activa. igual q cuando pasa por encima lleve a un link, q le diga cambiar de imagen. En vez de insertar la imagen de sustitucion por separado. Realmente no se si puedo hacer algo como tenia pensado..quizas era una idea "flash", donde lo lograria mas facilmente. En fin, espero vuestro consejo

[Rafael]

Como idea general, ya sea con javascript o con css (habría que probar) Si tienes que cambiar todo el Map, ya que esa es la idea inicial del map, usar una sola imagen como mapa.

Ahora dependiendo del diseño podrías seccionarlo o rebanarlo (con slices) y dejar imagenes al rededor del círculo, y ese si es un map.

[Rafael]

Pero habrá que estudiar la opción de css, tal vez se pueda jugar con algo... Nunca he aplicado estilos a un Map. Pero puede ser...

[kurkep]

Muchas gracias Rafael..al final no me quedó muy claro y he ido a lo sencillo, quitando esas imagenes que sobresalian y ya esta. Mientras seguiré mirando tutoriales para ir aprendiendo. Gracias de nuevo