Foros del Web » Creando para Internet » HTML »

Acceder a capas con imagenes

Estas en el tema de Acceder a capas con imagenes en el foro de HTML en Foros del Web. Hola a todos. Tengo un imagen png, con un hueco en medio que he rellenado con otra imagen, poniendola en una capa distinta, con z-index ...
  #1 (permalink)  
Antiguo 21/11/2013, 05:04
Avatar de fumeque  
Fecha de Ingreso: junio-2013
Ubicación: Don Benito
Mensajes: 8
Antigüedad: 10 años, 10 meses
Puntos: 0
Acceder a capas con imagenes

Hola a todos.
Tengo un imagen png, con un hueco en medio que he rellenado con otra imagen, poniendola en una capa distinta, con z-index desde css.
Quiero que cuando haga click en la imagen que he puesto en el hueco, me salte un evento, como un alert por ejemplo.
No la pongo en la capa uno por que el hueco tiene una forma dificil de hacer, desde la capa uno no hay problemas, pero como digo tiene que estar detras.
Como puedo hacerlo?

Gracias
  #2 (permalink)  
Antiguo 22/11/2013, 00:32
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Acceder a capas con imagenes

Hola:

Lo que pretendes no es posible hacerlo, pero puedes usar un mapa de imágenes, y dejar el hueco como zona caliente...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 22/11/2013, 02:52
Avatar de fumeque  
Fecha de Ingreso: junio-2013
Ubicación: Don Benito
Mensajes: 8
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: Acceder a capas con imagenes

Ya lo he intentado tambien pero no me va.
Como dices seria, que dentro de unas coordenadas, saltara al hacer click una funcion, pero como digo no va, por eso queria ver si se podia de esta otra manera.
De todas formas dejo el código, de como tu dices, y a ver si ves algún error o algo.


<MAP NAME="imagen">
<AREA SHAPE=RECT COORDS="117, 20, 227, 136" NOHREF
onMouseOver="document.body.style.backgroundColor=' #33FF33'"
onMouseOut="document.body.style.backgroundColor='l ightblue'"
onclick="window.location.href='pag1.htm'">
</MAP>

cuando hago click, si me habre la ventana, y me cambia de color, pero si en vez de eso pongo que se ejecute una funcion no va.
La funcion la he puesto asi:
onclick="mifuncion()'">

A ver si me puedes ayudar.

Gracias por la respuesta.
  #4 (permalink)  
Antiguo 22/11/2013, 12:02
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Acceder a capas con imagenes

Hola:

Si funciona de una manera, debería funcionar de la otra. ¿Has comprobado la consola de errores del navegador? Me confunde el nohref... si no quieres enlazar, puedes cancelar el enlace (return false).

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 22/11/2013, 17:52
Avatar de fumeque  
Fecha de Ingreso: junio-2013
Ubicación: Don Benito
Mensajes: 8
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: Acceder a capas con imagenes

Lo del enlace lo pongo para que veas que eso si funcciona pero el que se ejecute una funcion, nada. Hay está mi problema, y no hay manera.
Tambien he intentado hacerlo desde el div, introducir el onClick="mifuncion()", pero nada, ya no se como podria funcionar.
He coprobado la consola de errores, y me dice que en la linea donde pongo, onClick="mifuncion()", que se esperaba un objeto, y me sañala mifuncion().
  #6 (permalink)  
Antiguo 23/11/2013, 01:08
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Acceder a capas con imagenes

Hola:

Seguro que se trata de algo simple... prueba con:

onclick="alert('hola')"

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 23/11/2013, 12:55
Avatar de fumeque  
Fecha de Ingreso: junio-2013
Ubicación: Don Benito
Mensajes: 8
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: Acceder a capas con imagenes

Ok, sin problemas, lo he sustituido, y funciona el alert.

Y la funcion tambien, me vas a matar, pero llevo varios días con ello y no lo veia.
Era un parentesis de más.

Gracias por la ayuda y lo doy por resuelto, gracias de nuevo.

Etiquetas: capas, css, imagenes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:43.