Como hacer estos rollover en mapas de imagenes cross-browser?

custo · #1 (**permalink**) 31/07/2006, 12:07

Buenas, tengo esto:

http://www.rubenologia.net/hanes/hanes.html

Pero los rollovers encima de lo de girls & boys, i comfortsoft no funcionan siempre, y estan hechos sobre mapas y con las funciones swapimage de dreamweaver.

Lo he mirado en MAC y funciona, pero me han dicho que en IE de windows no...alguna ayuda al respecto?

Gracias de antemano

fer10 · #2 (**permalink**) 31/07/2006, 12:27

pues a mi si me funcionaron tanto IE windows como Firefox windows, a esepcion de i comfortsoft solo que los menus los tienes demaciado grandes y tarda en cargar las imagnenes te recomiendo que cortes las imagnees lo mas pequeÑo que puedas (eliminando los espaicos en balnco de imagen) para que pese menos y los hagas con css =) se ve exactamente igual y queda muchosisiisisismo mejor

si lo haces con css va a funciona en todos y no utulisarias javascript..

custo · #3 (**permalink**) 31/07/2006, 12:30

gracias!

y sisi, si por mi fuera seria todo css, pero lo ha hecho un companero y aqui los yankees no abogan demasiado por ello...

pues que raro lo de ie, me han dicho que no funciona en windows..

fer10 · #4 (**permalink**) 31/07/2006, 12:33

el index esta demaciado sencillo puede nomas cambiar el index o al igual nomas los menus y los cuadros de a lado con css y haci ya lo tienes compatible

por que solo funciona el menu bien los cuadros de la izuierda no se ven bien.. de los menus es probable que digan que no sirbe por que tarda en cargarlas osea tienes que dejar el mouse encima para que la empeize a cargar hasta que aparesca la imagen y eso es demaciado enfadoso para los usarios..

(que es como si no tuviera rollover)

custo · #5 (**permalink**) 31/07/2006, 12:41

Cita:

Iniciado por custo

Buenas, tengo esto:
Pero los rollovers encima de lo de girls & boys, i comfortsoft no funcionan siempre, y estan hechos sobre mapas y con las funciones swapimage de dreamweaver.

Lo he mirado en MAC y funciona, pero me han dicho que en IE de windows no...alguna ayuda al respecto?

quiero saber por que pasa esto, nada de usar css ni otras cosas, los clientes son los qe mandan y qieren esto, no funciona en algunos browsers

gracias

naveda · #6 (**permalink**) 01/08/2006, 06:10

Segun mi opinion deberias precargar las imagenes en el cache para que el usuario no tenga que esperar al pasar el raton sobre la imagen correspondiente.

La precarga de una imagen se hace asi...

Código HTML:

<script>
imagen = New Image();
imagen.src = "RUTA DE LA IMAGEN";
</script>

custo · #7 (**permalink**) 01/08/2006, 08:24

up, alguien sabe la respuesta pq el rollover en un mapa no funciona en internet explorer?

gracias!

caricatos · #8 (**permalink**) 01/08/2006, 08:57

Hola:

Yo he hecho un rollover sobre mapas y funciona: http://www.ensenat.net/poligonos.html?idioma=hispano
... pero no creo que sean recomendables.

Saludos

tunait · #9 (**permalink**) 01/08/2006, 09:15

Hola custo,

básicamente el rollover funciona, sólo que no encuentra la imagen el IE

tunait · #10 (**permalink**) 01/08/2006, 09:27

Hum ... rascando un poco veo que tienes asociado dos veces la llamada a la función del rollover; una en la imagen directamente y otra en el mapa.

En una llama a una imagen en otro servidor en donde no existe; en la otra llama a una imagen dentro del mismo servidor que sí existe. Parece que IE hace caso a la orden que llama a la imagen del servidor externo.

Mira, en confortsoft tienes esto

Código:

<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image82','','http://msib.hanes.neuropia.com/Hanes.Commerce.Web/Images/en-US/Home/newhome/content/RO/comfortsoft.jpg',1)">
<img src="http://www.rubenologia.net/hanes/hanes_files/comfortsoft.jfif" name="Image82" usemap="#Image82Map" border="0" height="123" width="192">
</a>

Y en ese mapa tienes esto

Código:

<map name="Image82Map">
<area shape="rect" coords="1,1,98,123" href="http://msib.hanes.neuropia.com/HanesCommerce/en-Us/ComfortSoft_Landing.htm?ComfortSoft_Category=Men" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image82','','Images/comfortsoftmen.jpg',1)">
<area shape="rect" coords="97,1,193,122" href="http://msib.hanes.neuropia.com/HanesCommerce/en-Us/ComfortSoft_Landing.htm?ComfortSoft_Category=Women" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image82','','Images/comfortsoftwomen.jpg',1)"></map>

La imagen que indica el mapa al llamar al rollover existe, pero la que se llama directamente en la imagen no existe.

un saludo

custo · #11 (**permalink**) 01/08/2006, 12:43

gracias a todos, ya he encontrado el problema, habia dos mouseouver, uno en el mapa y otro en la imagen, y el de la imagen sobraba pq no existia, ese era