Foros del Web » Programación para mayores de 30 ;) » .NET »

Colocar Imagen sobre otra imagen click

Estas en el tema de Colocar Imagen sobre otra imagen click en el foro de .NET en Foros del Web. Saludos.. Tengo una duda, he buscado he internet y he encontrado unos codigo muy largos y complicados, y me parece que debe haber algo mas ...
  #1 (permalink)  
Antiguo 04/10/2012, 10:24
 
Fecha de Ingreso: mayo-2010
Mensajes: 49
Antigüedad: 14 años
Puntos: 1
Colocar Imagen sobre otra imagen click

Saludos..

Tengo una duda, he buscado he internet y he encontrado unos codigo muy largos y complicados, y me parece que debe haber algo mas sencillo..

voy al grano..

nesecito tener una imagen de fondo(un mapa de una casa), y al hacer click en alguna parte de la imagen poner una imagen con un boton azul, ejemplo



la imagen de fondo es el mapa... los puntos azules es donde se hace click

se puede hacer en asp .net?????


gracias de antemano



gracias de antemano

Última edición por J0rg3M4r10; 04/10/2012 a las 12:04
  #2 (permalink)  
Antiguo 04/10/2012, 20:03
Avatar de RootK
Moderador
 
Fecha de Ingreso: febrero-2002
Ubicación: México D.F
Mensajes: 8.004
Antigüedad: 22 años, 2 meses
Puntos: 50
Respuesta: Colocar Imagen sobre otra imagen click

Lo que debes hacer es crear maps dentro de tu imagen (puedes obtener las coordenadas con algun software de edición)

En html sería algo como ésto:

Código:
<img src="images/testMap_w.png" width="800" height="220" alt="TestMap W" usemap="#testMap">
    <map name="testMap">
        <area shape="polygon" coords="20,20,106,20,106,106,20,106" href="#" id="box" />
        <area shape="polygon" coords="216,50,339,50,277,156" href="http://www.google.com" id="triangle" />
        <area shape="polygon" coords="460,0,574,0,460,220" href="http://www.cnn.com" id="bordertriangle" />       
    </map>
Lo puedes hacer con jquery, te paso un ejemplo

http://davidlynch.org/projects/maphi.../demo_usa.html

Y aqui descargas el code

http://archive.plugins.jquery.com/project/maphilight

Espero que sea lo que buscas

Saludos
__________________
Nadie roba nada ya que en la vida todo se paga . . .

Exentrit - Soluciones SharePoint & Net
  #3 (permalink)  
Antiguo 05/10/2012, 01:18
Avatar de angel1993  
Fecha de Ingreso: octubre-2009
Mensajes: 752
Antigüedad: 14 años, 6 meses
Puntos: 22
Respuesta: Colocar Imagen sobre otra imagen click

Si usas DreamWeaber lo puedes hacer con el ciruclito que sale en esta imagen
__________________
@angelxab Twiiter
  #4 (permalink)  
Antiguo 05/10/2012, 14:38
 
Fecha de Ingreso: mayo-2010
Mensajes: 49
Antigüedad: 14 años
Puntos: 1
Respuesta: Colocar Imagen sobre otra imagen click

RootK, angel1993 Muchas gracias por tomarse el tiempo de responder......

RootK probaré el de jquery, me pareció muy interesante

gracias de nuevo

Etiquetas: net
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 14:34.