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>