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.
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.