Forum user: louisk

I have a scrollable image gallery on my website showing 1 large image at a time.

I managed to load the page first, before loading the scrollable, and after the scrollable is loaded, the images are loaded.

However, the images are now loaded all at once.

Thats takes to long.

I would like to load only the first image, and only when scrollable moves the the next image, it starts to load that image.

How to do that?

make sure to put the overlay content at the bottom of your document, just before the closing body tag, you have absolutely positioned elements in the site.
I have the main site wrapper absolutely positioned. that's why I got the problem.

I am using the latest version of jqtools and setup an overlay window with a mask.
I want to load a YouTube video in the overlay.
The problem is that the content (video in this case) is loading behind the mask.
When I look at the source, I can see that the mask *does* have a lower z-index then the overlay div, but it's still covering everything.
Using FF3.6.3 on Mac.

PS. I can't seem to get rid of the rounded corners of the overlay???

Yes I know, that is what I did, I set it to 'li'.

The problem is that when you use the history plugin, it looks for the 'href' but when {tabs: 'li'} it can't find the href because li doesn't have a href. When I add href="#what-ever" to the li then history works.
Understand what I'm saying?

OK, I found my problem... :s
I had the anchor with hash on the a tag, while I was defining the li tag as tab, hence the script couldn't find the hash (because it was not on the tab...)
I wanted the class to be added to the li, and the anchor link to the a tag.
However, this works fine now.
thanks, great script ;)

I was able to narrow down the problem to the 'tabs: 'li'' option.
That is because I want to add the current class to the li and not the a tag.
If I dont use the tabs option, it works fine.
I hope this will make it easier to find the problem.

I have a the tabs on a page that displays a list of video items. Every tab is a category of videos.
When a user selects a tab and clicks on the video item, the page reloads ans loads the selected video item, and opens the first tab (in stead of the selected tab).

Is it possible to have the page open the previously selected tab?
Maybe temporarily saving it to a cookie.

Or should I use the history plug-in and add the appropriate hash to the video link?

Well, that is because my CMS uses the base tag. The base is set to the root of the domain. When I click on an anchor (lets say: #foo), then by browser gets redirected to domain.com/#foo.
At least, this is what I kept getting (maybe return false; was not set correctly???, I don't know).

Now I'm not using full paths any more, but I get the problem that it's not using the history plug-in; go here and see for yourself:http://www.susannakay.com/video

This is the code I'm using:

$("#tabs > ul").tabs("#tabs > div", {effect:'fade', tabs:'li', current:'active'}).history();

With above code, the history only works when I remove all options.

Okay, I have some developments.

I'm using tabs 1.0.2 and tabs history 1.0.0.

I found out that the tabs history is working, but only if you are not using any options, like: event, effect, tabs, current.

When I use options, the tabs work fine with all the options used, but no history.

If I don't use any options, then history works.... but no options.

FireBug tells me this is the error: "d(this).attr("href") is undefined" at line 113 of tools.tabs-1.0.2.js.

Hope this is a small fix :)

That would be great, I really like this feature.
Thanks!

Yes:http://www.susannakay.com/video/detail/Susanna-Kay-sings-Duffy-Warwick-Avenue-World-Fashion-Centre/69#commercials

As you can see, the tab 'commercials' will not be selected.

Yes, I have tried the latest version but it doesn't work.
(I have also tried the beta version but it breaks with jquery.scrollTo/localScroll plugin)

When I click on a tab, I can see the hash (# + anchor name) being added to the URL, but when I open a new browser window and add that URL with the anchor, it doesn't open the appropriate tab.

Also, the possibility to open tabs from within a tab doesn't work.
I have tried using absolute URLs (with hash), only the anchor, just the sub-directory and the anchor, but nothing seems to work.

The rest of the functionalities work fine by the way.
Could this also have to do with the jquery.scrollTo/localScroll plugin?

anyone?

Hi hamish,
I have this same problem. I'm using CMS Made Simple.
How do I use your code? Where do I place it?

If I include the full URL in the href, I cant see the hashes being added to my url when clicking a tab, however, that tabs are not changing when clicking the back-button (but the urls in the browser are).

Will this fix that too?

Thx

Hi, I hope someone can help me out.

I installed the tabs plugin and it works. I can change tabs etc.
Now I would like to use the history option.

After adding "history: true" and adding anchors to my tab links, I get the #-sign and the anchor added to my URL.

However, after clicking on a tab, the tab content is shown, but the tab isn't set to active.

Also, when pressing the back button on the browser, the tabs don't switch (the #-sign in the URL does change).

Also, when I open the URL with anchor in a new browser window, the tabs don't respond accordingly.

I have the latest version of tabs.

What could be wrong?