Imagen de fondo y que se abra un pop-up con una imagen cuando se pasa el ratón

[universalblogs]

Hola,

antes de nada pedir disculpas por si no me sé explicar.

Me he quedado bloqueado al intentar que salga una imagen, modo pop-up o emergente, cuando se pasa por un zona del mapa. La idea es que tengo un mapa de un vivero con todos los sectores, y cuando pases por un determinado sector, salga una foto de ese sector.

Sé que se tiene que hacer con onmouseover o eso creo, la imagen la he mapeado a través de dreamweaver, y quizás es eso lo que me está bloqueando, ya que no sé como atacarla.

<img src="hidro.jpg" usemap="#Map" border="0" />
<map name="Map" id="Map">
<area shape="poly" coords="65,278,61,274,65,272,141,249,192,232,179,2 14,55,258,61,264,62,267" href="#" target="http://www.viverosvaleroehijos.com" />
<area shape="poly" coords="76,306,72,304,76,316,191,267,193,246,177,2 40,66,285,71,304,73,307" href="#" target="http://www.viverosvaleroehijos.com" />
<area shape="poly" coords="90,347,89,342,97,360,213,295,214,279,197,2 68,87,325,90,338,91,349" href="#" target="http://www.viverosvaleroehijos.com" />
</div>

Siento mi ignorancia :D

[dorex_456]

Saludos yo pienso que podrias hacer lo siguiente no se si te convenga pero te explico,
crea imagenes de las zonas que quieres que se visualizen, entonces puedes poner la imagen principal por medio de css y luego ponerle una tabla encima para dividir las zonas, entonces en cada celda pones un href y en los atributos del href pones el lo siguente

Código HTML:

onMouseOver="ventana=window.open("pones la direccion de la imagen que quieres visualizar", 'ventana','width=300, height=400, left=950, top=150; scrollbars=no');  return true;"  onMouseOut="ventana.close();"

y de esta manera al pasar sobre la celda aparecera la imagen que quieres visualizar y cuando salgas de la celda se quitara.

espero que sea de utilidad mi comentario ya q apenas voy iniciando en el foro. saludos