Me explico, tengo una foto de un leon, un burro, y una gato, como hago para cuando le pase por encima a cada una de las fotos, salga abajo el nombre del animal? Gracias!!
![Adios](http://static.forosdelweb.com/fdwtheme/images/smilies/adios.gif)
| ||||
Hola Crunkier: Tendría que tener esos nombres invisibles (style="visibility: hidden") y cambiar esa propiedad con ese evento de la imagen: <img src="burro.jpg" onmouseover="mostrar('burro')" onmouseout="ocultar('burro')" /> ... <span id="burro" > burro </span> Y en la cabecera definir mostrar y ocultar así: function mostrar(esto) { document.getElementById(esto).style.visibility = "visible"; } function ocultar(esto) { document.getElementById(esto).style.visibility = "hidden"; } Saludos ![]()
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
| ||||
Cabe decir que eso también lo puedes hacer con puro HTML. Agregándole la propiedad "alt" a tu etiqueta "img". Algo así: <img src="..." alt="texto"> ![]()
__________________ ٩(͡๏̯͡๏)۶ "100 años después, la revolución no es con armas, es intelectual y digital" |
| ||||
Hola caricatos! Gracias x responder, lo intente y me salió bien, pero cuando se abre la pagina sale la palabra burro, luego cuando paso el mouse por la imagen si empieza a funcionar el efecto, pero quisiera que cuando abriese, no saliese el titulo, hasta que no pasara el mouse. Gracias!!
__________________ |
| ||||
¡Je, je!... Una pequeña omisión mía... suerte que andaba JavierB "al loro" Crunkier: Prueba lo que puso JavierB, que es lo que me faltó poner. Javi: Desde que cambiaste el avatar, me estás sacando un montón de cuerpos en el número de mensajes... cuando me desocupe un poco, tal vez cambie el mío por un "jet" ![]() Saludos ![]()
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
| ||||
Cita: Si, aunque a veces se me desboca y cuesta mucho controlarle. Cosas de la juventud, supongo
Iniciado por caricatos Javi: Desde que cambiaste el avatar, me estás sacando un montón de cuerpos en el número de mensajes... ![]() |
| ||||
Hola JavierB y caricatos Perdonad que os moleste, pero..., yo lo he puesto así:
Código:
y nada más abrir la página sigue abriendo con la palabra AVIONES, no sale la imagen sola, pero cuando paso el ratón por la imagen si empieza a funcionar el bien el efecto.<html> <head> <script type="text/javascript"> function mostrar(esto) { document.getElementById(esto).style.visibility = "visible"; } function ocultar(esto) { document.getElementById(esto).style.visibility = "hidden"; } </script> </head> <body> <img src="avion1.jpg" onmouseover="mostrar('avion')" onmouseout="ocultar('avion')" /><br /> <span id="avion" style="display:hidden"> AVIONES </span> </body> </html> ¿Que está mal? Gracias a ambos Saludos ![]() |
| ||||
Hola seoista: Seguramente un errorcillo de estilos... ![]() Debes cambiar display por visibility en lo que has dejado en azul. <span id="avion" style="visibility: hidden"> AVIONES </span> Saludos ![]()
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
| ||||
Hola caricatos Cita: ¡¡¡ Magnifique!!!
Iniciado por caricatos Debes cambiar display por visibility en lo que has dejado en azul. <span id="avion" style="visibility: hidden"> AVIONES </span> ![]() ![]() Saludos y abrazos ![]() |
| ||||
¡Je, je! Pensaba que el error era de seoista ![]() Bueno, lo que importa es que hay en estos foros un buen equipo, y se resuelven las dudas. Saludos ![]()
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
| |||
Hola, no quisiera abrir un tema viendo que por aqui andan genios que pueden darme una manito...... Quiero hacer que cuando el mouse pase sobre una imagen aparezca un pop-window... yo sabia que hay una instruccion en Java para abrir una ventana pero no logro juntar con el mouseover... Gracias por la ayuda... |
| ||||
Cita: Hola rlinaresp
Iniciado por rlinaresp Hola, no quisiera abrir un tema viendo que por aqui andan genios que pueden darme una manito...... Aunque no soy un genio (si lo fuera me concedería a mí mismo muchos deseos) intentaré echarte una manaza:
Código:
Saludos, <img src="tuimagen.jpg" onmouseover="window.open('tupagina.html')" /> ![]() P.D. A mí personalmente no me hace gracia que se abra una ventana solo por pasar el puntero del ratón por encima de una imágen, pero bueno, es cuestión de gustos. Última edición por JavierB; 30/03/2005 a las 13:02 |
| ||||
Cita: Coincido plenamente.
Iniciado por JavierB ... P.D. A mí personalmente no me hace gracia que se abra una ventana solo por pasar el puntero del ratón por encima de una imágen, pero bueno, es cuestión de gustos. Es mucho mejor (para mi) que se mustren/oculten capas... y se utilizan menos recursos (creo ![]() Saludos ![]()
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
| |||
Gracias, y JavierB tienes rezon, pero tengo una web con una imagen grandota que dice RFID y como poraqui es un concepto nuevo quiero obligar a que vean la definicion con solo pasar encima.... Eso de capas....suena interesante voy a revisar el tema...a investigar se ha dicho.... Gracias nuevamente. |
| ||||
Hola otra vez: En las FAQs hay un par de mensajes (title mejorado o tooltip)... ![]() Y un ejemplo puede ser la página de mi perfil, entrando en la galería y pasando el ratón por donde dice "Costa del Sol" Saludos ![]()
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |