Re: [Ovillo] [OT] Problema en imagen con mapa + js
Hola, Martín y Carlos carlos campderrós 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". Uso un para la imagen, y un para cada >> continente, y en el evento onmouseover de cada se cambia la >> posición de la imagen con javascript [2]. En el evento onmouseout la >> imagen vuelve a su posición inicial. >> >> La cuestión es que el resultados que obtengo no es el que esperaba, >> parece que la imagen parpadea [3]. ¿Alguna idea de porqué me pasa esto? >> >> > > Lo que pasa (creo), es que cuando en el mouseover haces el desplazamiento de > la imagen, dejas de estar sobre la zona activa, por lo que se activa el > mouseout. y la imagen vuelve a su posición original y vuelves a estar en la > zona activa, y se vuelve a desplazar y no estás en la zona activa, y el > cuento de nunca acabar. > Efectivamente, me di cuenta en cuanto os mandé el mensaje xD > 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. > > > La solución por la que he optado es por cambiar "al vuelo" las coordenadas del correspondiente, sumándoles el desplazamiento vertical. Muchas gracias por vuestros aportes ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Problema en imagen con mapa + js
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: 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 Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Problema en imagen con mapa + js
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". Uso un para la imagen, y un para cada > continente, y en el evento onmouseover de cada se cambia la > posición de la imagen con javascript [2]. En el evento onmouseout la > imagen vuelve a su posición inicial. > > La cuestión es que el resultados que obtengo no es el que esperaba, > parece que la imagen parpadea [3]. ¿Alguna idea de porqué me pasa esto? > Lo que pasa (creo), es que cuando en el mouseover haces el desplazamiento de la imagen, dejas de estar sobre la zona activa, por lo que se activa el mouseout. y la imagen vuelve a su posición original y vuelves a estar en la zona activa, y se vuelve a desplazar y no estás en la zona activa, y el cuento de nunca acabar. 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. -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Problema en imagen con mapa + js
Has de controlar que si ya estas en un continente que no te vuelva a asignar la imagen; vamos que no te la refresque; sino cada vez muevas el Mouse se vuelve a repintar todo, y aparece ese feo efecto de parpadelo Luís Lorenzo Responsable de Desarrollo FUSION habitaclia.com [EMAIL PROTECTED] -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez Virgós Enviado el: martes, 11 de marzo de 2008 13:58 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] [OT] Problema en imagen con mapa + js Hola, Ovillo Soy el primero que piensa que las imágenes con áreas activas apestan, pero en un sitio que estoy desarrollando tengo que hacer lo siguiente: Se presenta al usuario una imagen con un mapamundi, y cuando se pasa el ratón por encima de un continente, ésta tiene que cambiar (una imagen por continente). 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". Uso un para la imagen, y un para cada continente, y en el evento onmouseover de cada se cambia la posición de la imagen con javascript [2]. En el evento onmouseout la imagen vuelve a su posición inicial. La cuestión es que el resultados que obtengo no es el que esperaba, parece que la imagen parpadea [3]. ¿Alguna idea de porqué me pasa esto? Gracias de antemano. Rodrigo[] [1] http://www.atlantica-co.com/media/logistics/map.png [2] http://www.atlantica-co.com/javascript/map.js [3] http://www.atlantica-co.com/logistics.php ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] [OT] Problema en imagen con mapa + js
Hola, Ovillo Soy el primero que piensa que las imágenes con áreas activas apestan, pero en un sitio que estoy desarrollando tengo que hacer lo siguiente: Se presenta al usuario una imagen con un mapamundi, y cuando se pasa el ratón por encima de un continente, ésta tiene que cambiar (una imagen por continente). 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". Uso un para la imagen, y un para cada continente, y en el evento onmouseover de cada se cambia la posición de la imagen con javascript [2]. En el evento onmouseout la imagen vuelve a su posición inicial. La cuestión es que el resultados que obtengo no es el que esperaba, parece que la imagen parpadea [3]. ¿Alguna idea de porqué me pasa esto? Gracias de antemano. Rodrigo[] [1] http://www.atlantica-co.com/media/logistics/map.png [2] http://www.atlantica-co.com/javascript/map.js [3] http://www.atlantica-co.com/logistics.php ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo