Hey Klaus, Thanks for the input - adding the ui-tabs-nav class prevents the flash of unstyled nav buttons, but the ui-tabs-panel class doesn't seem to be helping with the content within the tabs...it still seems to be waiting for the page to load before snapping the content into the tabs. I'm adding the -panel class to the div id's targeted by the script, is that the correct location?
Thanks, --Sean On Jun 15, 5:33 am, Klaus Hartl <[EMAIL PROTECTED]> wrote: > 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
