Comunidad de diseño web y desarrollo en internet online

AYUDA CON MAPA!!! (javascript: rollover)

Citar            
MensajeEscrito el 17 Jun 2012 11:30 am
Buenas a todos

Ayudarme por favor! Lo que quiero es básicamente este efecto del mapa: www.segundamano.es

Quiero que al pasar el mouse por la lista de nombres de los municipios se active la capa del mapa correspondiente (con hiden y visible)


Ya tengo un div para cada uno de los municipios en hidden
Y me falta el codigo de java, por que de java no tengo mucha idea

Espero vuestra ayuda! Que es bastante importante. Muchísimas Gracias!
Eve









Os copio el Css:

#mapa {
width:900px;
height:500px;
margin: 40px auto 30px auto;
background-image:url(images/mapa2.png);
background-repeat:no-repeat;
float:left
}

#areas img{
position: absolute;
top: 154px;
left: 198px;
cursor:pointer;
}
#img0, #img1, #img2, #img3, #img4, #img5, #img6, #img7, #img8, #img9, #img10, #img11, #img12, #img13, #img14, #img15, #img16, #img17, #img18, #img19, #img20, #img21 {
visibility: hidden;
}
</style>

Por eveen19

6 de clabLevel



Genero:Femenino  

Graphic designer

chrome
Citar            
MensajeEscrito el 17 Jun 2012 03:12 pm
Deberías preguntar en un foro de Java si es lo que buscas. Ahora, si quieres una solución en JavaScript, lee el código fuente de la propia página que nos refieres.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 17 Jun 2012 04:27 pm
JavaScript quería decir, sí. El código fuente de la pag. de segunda mano, ya lo he visto pero es lioso. Si me pudierais ayudar, gracias.

Por eveen19

6 de clabLevel



Genero:Femenino  

Graphic designer

chrome
Citar            
MensajeEscrito el 18 Jun 2012 12:19 pm
No sé qué es lioso.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 18 Jun 2012 06:49 pm
Para mi sí lo es, por algo estoy preguntando en un foro. No sé que parte exacta hay que poner, pero gracias por tu ayuda.

Por eveen19

6 de clabLevel



Genero:Femenino  

Graphic designer

chrome
Citar            
MensajeEscrito el 18 Jun 2012 11:52 pm
hazlo en flash y ahorrate muchos dolores de cabeza

Por fabri_bit

36 de clabLevel



 

chrome
Citar            
MensajeEscrito el 19 Jun 2012 12:14 pm
eveen19:
No me has entendido, no sé qué significa "lioso".

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 19 Jun 2012 01:46 pm

DriverOp escribió:

eveen19:
No me has entendido, no sé qué significa "lioso".


Ah, pues que me resulta confuso su código, no sé que parte coger para que me funcione

Por eveen19

6 de clabLevel



Genero:Femenino  

Graphic designer

chrome
Citar            
MensajeEscrito el 19 Jun 2012 01:46 pm

fabri_bit escribió:

hazlo en flash y ahorrate muchos dolores de cabeza

Si finalmente no consigo hacerlo así, me decantaré por hacerlo en flash pero es mi ultima opción.

Por eveen19

6 de clabLevel



Genero:Femenino  

Graphic designer

chrome
Citar            
MensajeEscrito el 19 Jun 2012 07:48 pm
Pues comienza investigando sobre el tag HTML <map>. Básicamente sirve para crear regiones (en forma de polígonos) dentro de otro tag HTML, en este caso un <img>.

Por DriverOp

Claber

2510 de clabLevel



 

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.