Un excelente recurso web. Se trata de una librería JS que nos permite mostrar «pops» o
«globitos» al pasar sobre hipervínculos. En su sitio web podemos ver como funciona
con varios ejemplos. Además, se puede customizar los colores e inclusive modificar
el estilo del popup.
Para instalarla, tenemos que seguir estos pasos:
1- Copiamos la librería a nuestra carpeta JS en la raíz del sitio. Si no tenés una, creala.
2- Agrego una línea en el <head> para linkear a la librería (no te olvides de modificar la ruta):
<script type=»text/javascript» src=»js/overlib.js»><!– overLIB (c) Erik Bosrup –></script>
3-Inmediatamente despues de la apertura de la etiqueta <body> insertamos esta línea:
<div id=»overDiv» style=»position:absolute; visibility:hidden; z-index:1000;»></div>
con esto definimos una DIV que ocupará todo el sitio y estará por encima de cualquier otro elemento. 4-Finalmente, modificamos los links en los que queremos que aparezca el globo para que queden de esta manera: