If you want to prevent a flash of unstyled content, you can add the classes that are added by the plugin right away to your HTML:
<ul class="ui-tabs-nav">...</ul> <div class="ui-tabs-panel">...</div> And in case you want to keep your panels hidden: <div class="ui-tabs-panel ui-tabs-hide">...</div> --Klaus On 14 Jun., 06:12, Illah <[EMAIL PROTECTED]> wrote: > Thanks for the feedback...so I guess I was correct in my assumption > that the general page load was affecting the script? The majority of > that ~1MB page load is the images, and I can't really get rid of those > (all the flash will be gone soon, it's part of an ad campaign ending > this weekend). > > I checked out Texas Online and the dynamic load feature is a great > idea. My only concern is the my site is pretty visual and the images > are a key feature, I worry about the user experience on an initial > load...every time the carousel flips they'll have to watch another > image load. I'd almost rather a short pause up front than repetitive > image load. > > Is there a way to prevent it from waiting for images to load, or to > maybe put a 1px GIF in there to trick the script into thinking it has > loaded already? > > --Illah > > On Jun 13, 5:49 pm, Joe <[EMAIL PROTECTED]> wrote: > > > Hmm, I think it has to do with the enormous page weight (Firebug > > calculates it at 1.05 MB). I would look for an overall optimization > > first to the site's weight (optimize images, clean up markup, pack/ > > minify javascript and/or CSS files at a minimum). > > > I ran into an issue with having to maintain an ultra low page weight > > on a tabbed structure (containing 7 tabs) with each tab containing a > > photo (additional weight). I went with the plugin you've chosen > > initially and found it did not suit my needs. So I wrote a rather > > clean and efficient (IMO) script that reduced the page weight by > > almost 30%. > > > Check out the "Quick Answers" section of this site: > > >www.texasonline.com > > > View the source and the tabs in the global.js. You'll notice that > > each image is "dynamically" loaded thus reducing page weight. > > > Not sure if this is the solution, but I would think it's a start. > > > Cheers. > > > Joe > > >www.subprint.com > > > On Jun 13, 4:08 pm, Illah <[EMAIL PROTECTED]> wrote: > > > > Hi, > > > > I'm a bit of a newb with JavaScript though pretty fluent in general > > > xHTML/CSS web design. Anyway, I use jQuery Tabs for the carousel on > > > my site's homepage since I had prior experience with it. It works > > > just fine, though the only issue I'm having is that while the page is > > > loading, the divs holding the content for each tab all show on the > > > page, and on a slower connection it can hang like that for a few > > > seconds before the script pops them into place. > > > > It's much easier to show an example: > > > >http://www.grooveeffect.com/ > > > > Is there a way to optimize the tabs to prevent that? As far as I can > > > tell, the script is waiting for all the content to load before tab- > > > ifying the content...can I force it to simply put everything into tabs > > > whether loaded or not? > > > > If not, I'd be happy simply hiding all but the first tab until the > > > rest load up. > > > > Thanks! > > > > --Illah
