Forum user: tebbott

I currently have a scrollable area that contains a number of image thumbnails. When the user hovers over the thumbnail, a tooltip is shown.

The issue is that until the user has hovered over the tooltip (at which point jQuery tools moves the location within the HTML of the tooltip) the tooltip is actually part of the scrollable area, which is making the scrolling animation go back and forth.

My idea is to automatically show all of the tooltips really quickly whilst the page is loading, this way the tooltip code is moved and the scrollable area will function correctly.

The site that I'm talking about ishttp://gpi.pixel-air.co.uk/ - the scrollable area is at the bottom of the page.

If anyone is able to assist me with this issue it'd be much appreciated. All I need to do is make all the tooltips Show on page load, and then make them hidden again.

I am building a website at the minute that I would like to use something very similar to what jQuery Tools uses on its homepage. The scrollable, tabbed area showing their various "Tools".

I have mirrored alot of the code jTools uses on their website, adding and taking bits here and there (namely taking out the static startpage), and as far as I can see it should function.....it just doesn't. I'm tired and have been toiling at this for a fair few hours now, so maybe I should sleep on it; however if anybody would be kind enough to take a quick look at my code and try to distinguish why it isnt working as intended, I would be the happiest man alive. 4 Hours I have sat here trying to work out why it isnt working!

I don't want to paste my code here because there would be far too much, and i'm not sure where exactly my error is occuring. It is hosted on my server currently at:http://tebbott.co.uk/Raw/.

The code is all commented, and for those who have experience with jQuery Tools, searching out the issue should be simple.

Many Thanks in advance for any assistance.

Tebbott