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

También te puede interesar

2 Comments

  1. Juan Pablo Arias Malagueño
    jun 23, 2009 @ 22:52:42

    Muy buen aporte necesitava un tooltip de facil uso ya que los tooltips de jquery.mins hacian que el lightbox de mi pagina quedara nulo

    Reply

  2. pepe
    sep 30, 2009 @ 11:33:50

    NO pueddo ver el eejemplo

    Reply

Leave a Reply