Anteriormente les mostré cómo crear un mensaje de alerta que aparezca cuando alguien entra a su blog, ahora les diré cómo hacer que el mensaje de alerta aparezca cuando el cursor pasa por un texto específico de un post o bien haciendo click en él. Hay muchas funciones para este tipo de 'eventos del mouse' pero estos dos me parecen los más útiles.
Mensaje de alerta al pasar el cursor
<a href="#" onmouseOver="alert('Mensaje de alerta al pasar el cursor')">su texto aquí</a>
Ejemplo pasando el mouse aquí
Mensaje de alerta al hacer click
<a href="#" onClick="alert('Mensaje de alerta al hacer click')">su texto aquí</a>
Ejemplo haciendo click aquí
Lo que está entre paréntesis es el texto que aparecerá en el mensaje de alerta, lo que está en rojo es el texto en su post.
También pueden hacerlo con una imágen, en ese caso el código queda así:
También pueden hacerlo con una imágen, en ese caso el código queda así:
<a href="#" onClick="return false" onmouseOver="alert('Mensaje de alerta al pasar el mouse sobre una imagen')">
<img src="URL de la imagen">
</a>
Sólo deben cambiar la URL de la imágen y el width y height para que se ajusten al tamaño de su imagen.
Ciudad Blogger
No hay el codigo despues de hacer clic en la imagen?
ResponderEliminarEs el mismo procedimiento, usa el segundo código y donde dice "su texto aquí" cámbialo por el código de la imagen.
ResponderEliminarEn otro post explicas como hacer para que se habran las ventanas pop up con imágenes automáticamente...
ResponderEliminarY si lo que se quiere hacer es que al entrar al blog salga este pop up, tipo windows automáticamente, sin tener que poner el ratón sobre la imagen, que narices habría que hacer?
P.D.: El post de las Shadowbox es una joya, para mostrar imágenes hechas por uno mismo de una manera elegante no hay nada mejor, y combinado con el que para que se vean mayores al al pasar el puntero por encima ya queda de lujo.
Gracias por crear este blog. :)
Justo al inicio de la entrada está el enlace que explica cómo hacer un mensaje de alerta de bienvenida.
ResponderEliminarConcuerdo contigo acerca de Shadowbox, es una de las ventanas modales que más me gustan.
¡Saludos!
¿Y si quieres agregar más opciones que tan solo "Aceptar" como por ej, "si", "no", "cancelar",etc?
ResponderEliminarEso es un poco más complicado y depende de las instrucciones que quieras ponerle al mensaje de alerta.
ResponderEliminarLo hize!! *33* quedo hermoso!
ResponderEliminarThank!! >///<
Qué gusto que así haya sido :)
ResponderEliminarHola Potro, en el blog http://revistastrucoslanas.blogspot.com/ necesito poner algo como un mensaje emergente para que pasen el mouse por la imagen aparezca un mensaje "Click para descargar" así puedo quitar el botón debajo de la imagen. Puedes ayudarme? Gracias
ResponderEliminarLa verdad no sé si a estos mensajes de alerta se les pueda poner enlace, quizá te sirva mejor usar un tooltip sobre una imagen y que dentro del tooltip agregues el enlace de descarga.
EliminarMuchas gracias, justo lo que necesitaba, ya me salvaste varias veces, gracias por la ayuda!
ResponderEliminarMuchas gracias, es justo lo que necesitaba. :D
ResponderEliminar