duda de poder selecionar una imagen

xoceunder · #1 (**permalink**) 07/01/2013, 20:44

hola a todos es que quiero poder selecionar una imagen de esta que tengo

como poder selecionar un icon espesifico

pitufoweb · #2 (**permalink**) 07/01/2013, 20:57

Puedes crear un mapa de la imagen.

http://www.w3schools.com/tags/tag_map.asp

Saludos

xoceunder · #3 (**permalink**) 07/01/2013, 21:03

no lo entiendo mucho

pitufoweb · #4 (**permalink**) 07/01/2013, 21:08

Acá te lo dejo en español http://librosweb.es/xhtml/capitulo_6...de_imagen.html

Saludos

xoceunder · #5 (**permalink**) 07/01/2013, 21:15

lo tengo asi pero no muestra

<html>
<head>
<title>Image Map Sample</title>
</head>
<body>
<img src="http://oi46.tinypic.com/xd2rk.jpg" border=0 usemap="#map" alt="Solar System" ><br><br>
<map name='map'>
<area shape='rect' coords='249,-9,270,18' />
</map>
</body>
</html>

pitufoweb · #6 (**permalink**) 07/01/2013, 21:22

Agrega el atributo href para que aparezca el puntero y lo puedas seleccionar.

Saludos

xoceunder · #7 (**permalink**) 07/01/2013, 21:23

ni con el atributo quiere mostrar

<html>
<head>
<title>Image Map Sample</title>
</head>
<body>
<img src="http://oi46.tinypic.com/xd2rk.jpg" style="display:none;" usemap="#map" alt="Solar System" ><br><br>
<map name='map'>
<area shape='rect' coords='249,-9,270,18' href=""/>
</map>
</body>
</html>

pitufoweb · #8 (**permalink**) 07/01/2013, 21:32

Bueno, si le agregas display:none no te va a mostrar nada.

xoceunder · #9 (**permalink**) 07/01/2013, 21:36

perdon ya veo lo que hace pero sigen saliendo todas los otros icon como podria hacer que solo muestre las que tienen mapas

David · #10 (**permalink**) 07/01/2013, 21:43

Quizás lo que necesitas es usar CSS sprites:
http://www.kabytes.com/programacion/...re-css-sprite/

pitufoweb · #11 (**permalink**) 07/01/2013, 21:45

Creí que querías solo poder dar clic en una imagen.

Esto es lo que necesitas http://librosweb.es/css_avanzado/cap...y_sprites.html

Edito: Me gano David

Saludos

xoceunder · #12 (**permalink**) 07/01/2013, 21:50

muchas gracias a todos por las ayuda