PDA

View Full Version : Spry Tabbed Panels Preload Issue


pauld
01-24-2010, 08:25 PM
Hi-
I'm having an issue which involves 3 tabbed panels. Each panel has an image in it. When the page loads the 3 tabbed panel images display "stacked" for a few seconds and then disappear showing the default panel once the page is fully loaded.

Is there any way I can have the page load just showing the default #1 panel - without showing the content in the 2nd and 3rd panels?

I would provide a URL but I do not have it on a public domain yet.

Thanks for any advice.

Paul

gentleone
01-26-2010, 07:01 AM
I don't think its possible with the way you have now the hidden, inline content for you tabbed panels. To solve this is to load your content (images) dynamically. This means that you load the images in tab 2 and 3 from an external file and you trigger the loading by clicking on the tabs, but the issue with this is that there might be a second or two loading time. To solve this is to use a preload images script.

Here is an example from Adobe Labs:
http://labs.adobe.com/technologies/spry/samples/utils/updateContent_TabbedPanels.html