Colocar Imagen sobre otra imagen click

J0rg3M4r10 · #1 (**permalink**) 04/10/2012, 10:24

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

RootK · #2 (**permalink**) 04/10/2012, 20:03

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

angel1993 · #3 (**permalink**) 05/10/2012, 01:18

Si usas DreamWeaber lo puedes hacer con el ciruclito que sale en esta imagen

J0rg3M4r10 · #4 (**permalink**) 05/10/2012, 14:38

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

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

gracias de nuevo