Anatips: tooltip para Prototype

Anatips es una librería para hacer tooltips y es muy sencillo de utilizar.
Ha sido probado con Firefox 2+, IE 6+, Opera 9+, y Safari 3.1

Ahora explicaremos como implementarlo en una imagen, para este ejemplo utilizaremos Prototype 1.6.0. Para ello descargaremos Anatips desde aqui, que nos vendrá con Prototype.

Crearemos un archivo .html en incluiremos en el head los javascript y CSS

<script src="builder.js type="text/javascript"></script>
<script src="prototype.js type="text/javascript"></script>
<script src="anatips.js type="text/javascript"></script>
<link href="anatips.css" media="screen" type="text/css" />

Dentro del body incluiremos una imagen con class=”anatips” y con title=”Descripción Tooltip”, el class sera para
identificar que el title debe mostrase como el estilo tooltip de Anatips.

<img src="foo.jpg" class="anatips" title=""/>

Eso es todo, muy simple verdad?

Recursos

• Ver Demo
• Descargar Anatips