Yes, that's the correct location. --Klaus
On 17 Jun., 01:49, Illah <[EMAIL PROTECTED]> wrote: > 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
