Muchas veces nos encontramos con la necesidad de crear un Pop-up, es decir, quiero crear una ventana emergente, en un texto o en una fotografía. La mayoría de las veces son no deseadas, y se nos muestran con propaganda. Vamos a aprovechar estas ventanas para la explicación de algo.
El primer ejemplo que propongo es el de crear una ventana emergente al pasar el puntero del ratón por una imagen.
Para realizar esto primero tenemos que alojar la imagen en un servidor. Tienes varios, pero para no complicarte te propongo la inclusión de una imagen en la entrada de tu blog. La subes y la guardas como borrador, pero antes obtén la dirección html, de la imagen.
Copia y pega el siguiente código. Cambia el mensaje y pon la dirección de tu imagen. Los valores Width y Height los puedes modificar.
<a href="#" onClick="return false" onmouseOver="alert('Pongo aquí lo que quiero que aparezca en la ventana.)">
< img src="URL de la imagen" width="60" height="45">
< /a>
No hay comentarios:
Publicar un comentario