La librería OverLib

ejemplo_overlib

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:
<a href=”javascript:void(0);” onmouseover=”return overlib(‘Esto es gracias a OverLib.’);”
onmouseout=”return nd();”>LINK</a>
Compartir:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Meneame

Leave a Reply