Necesito ayuda...:

Llevó solo 1 día pegándome con esto, pero estoy en un callejó sin salida.

Tengo un mapa, al pasar el mouse por las partes del mapa aparecen unas imagenes en la parte inferior, y quiero que aparezcan con efectos revealTrans....

<map name=Humanity>
<area title=TAO shape=RECT alt=TAO coords=0,0,100,200 href="http://www.izasa.es/wsite/content/producto/producto.asp?pr=1858"
onMouseover="document.images['ejemplo'].src=imagen1.src"
onMouseout="document.images['ejemplo'].src=imagen5.src">

<area title=Diabetes shape=RECT alt=Diabetes coords=115,0,250,200 href="http://www.izasa.es/wsite/content/producto/producto.asp?pr=1862"
onMouseover="document.images['ejemplo'].src=imagen2.src"
onMouseout="document.images['ejemplo'].src=imagen5.src">

<area title="Procesos Infecciosos" shape=RECT alt="Procesos Infecciosos" coords=260,0,425,200 href="http://www.izasa.es/wsite/content/producto/producto.asp?pr=1867"
onMouseover="document.images['ejemplo'].src=imagen3.src"
onMouseout="document.images['ejemplo'].src=imagen5.src">

<area title=Anemia shape=RECT alt=Anemia coords=430,0,580,200 href="http://www.izasa.es/wsite/content/producto/producto.asp?pr=1871"
onMouseover="document.images['ejemplo'].src=imagen4.src"
onMouseout="document.images['ejemplo'].src=imagen5.src"></map>
<div align=center>
<br><br>
<img alt="" src="./humanity/humanity_map.jpg" useMap=#humanity border=0>
</div>

<br><br>
<div align=center>
<IMG style="FILTER: revealTrans(duration=2,transition=12)" src="./humanity/blanc.jpg" name="ejemplo">

</div>

he provado de todo, funciones, scripts, y parece lo más sencillo del mundo, pero no hay manera.

Gracias

Responder