Buenos días,
Disculpad, en primer lugar, si este tema está repetido pero he estado buscando y no veo nada.
Ayer realicé una foto de Mar de la Serenidad de la Luna y quiero poner los nombres de varios cráteres. El resultado final es tener una foto que "sólo al pasar el ratón" muestre estos rótulos.
¿Alguien me puede ayudar?
Saludos. :ok:
Hola Joseja. Me he quedado un poco oxidado en temas informáticos pero hasta donde yo se eso que comentas no se puede hacer en una imagen, se hace sobre una página web con una propiedad javascript que se llama "onMouseOver". Otra opción es hacer un gif animado.
Bueno, lo mismo alguien más actualizado que yo te da otra respuesta mejor.
Salu2.
Como dice Roberto, eso se tiene que hacer en una página web, o en un archivo flash o ese estilo de cosas. Para hacerlo en una página web, hay unas etiquetas en HTML llamadas <map> y <area> que sirven para dividir imágenes en varias partes y que cada parte tenga un enlace. En tu caso, simplemente tendrías que dejar el atributo href vacío o con "#" y añadir el atributo title con lo que quieres que se vea al pasar el ratón.
Aquí una página donde explica brevemente cómo se hace: http://www.webestilo.com/html/cap6b.phtml (http://www.webestilo.com/html/cap6b.phtml)
En el código de su ejemplo (http://www.webestilo.com/html/ejem/ej13.html (http://www.webestilo.com/html/ejem/ej13.html)) habría que hacer las siguientes modificaciones según lo que te he dicho antes:
<HTML>
<HEAD>
<TITLE>Ejemplo 13</TITLE>
</HEAD>
<BODY>
<H1>Mapas de imágenes</H1>
<IMG SRC="/graficos/bebe1.jpg" WIDTH=140 HEIGHT=210 BORDER=0 ALT="Un bebé" USEMAP="#bebe1">
<MAP NAME="bebe1">
<AREA SHAPE=CIRCLE COORDS="60,56,47" HREF="#" ALT="Cabeza" TITLE="Cabeza"> <!-- Añadir TITLE-->
<AREA SHAPE=POLY COORDS="3,182,36, 178,44,165, 60,169,66, 184,62,196, 43,201,35, 190,0,193,0,183" HREF="#" ALT="Sonajero" TITLE="Sonajero"> <!-- Añadir TITLE-->
</MAP>
</BODY>
</HTML>
Otra opción sería crear varios bloques sobre la imagen y controlarlos con eventos OnMouseOver, como decía Roberto, pero requeriría conocimientos de CSS y JavaScript. Espero que te sirva, un saludo.
gracias Rufus, me servirá para mi web :ok:
Buenas tardes,
Gracias a todos por la ayuda. No es para hacerlo en una web sino en un fichero, si es posible. No sé si un Gif animado o similar. Bueno, a ver si alguien sabe hacerlo.
Gracias de nuevo. :ok: