You need to include some minimum CSS styles, eg. #tooltip { position:
absolute; }. Just use the jquery.tooltip.css file as a starting point.

Jörn

On Mon, Dec 8, 2008 at 4:19 AM, russellneufeld <[EMAIL PROTECTED]> wrote:
>
> Hi all,
>
>  I'm trying to use the tooltip plugin and for some reason the image
> tooltip is always showing up on the bottom left of the page.  I've
> created a very simple example illustrating the problem.  I must be
> doing something incredibly stupid.  Anyone have any ideas?  Thanks a
> lot,
>
>  Russ
>
> <html>
> <head>
>    <script type="text/javascript" src="http://ajax.googleapis.com/
> ajax/libs/jquery/1.2.6/jquery.min.js"></script>
>    <script type="text/javascript" src="http://jquery.bassistance.de/
> tooltip/jquery.tooltip.js"></script>
>    <script type="text/javascript">
>        $(document).ready(
>            function()
>            {
>              $('.album_art').tooltip({
>                  showURL : false,
>                  track : true,
>                  bodyHandler: function() {
>                      return $("<img/>").attr("src", this.src);
>                  }
>              });
>            }
>        );
>
>    </script>
> </head>
> <body>
>    <div align="center">
>        <img class="album_art" src="http://ecx.images-amazon.com/
> images/I/4187ZuBtMdL._SS500_.jpg" width="30" height="30" />
>    </div>
> </body>
> </html>

Reply via email to