Comments on: Creating Rotating Tabs using jQuery

By: Richard Bultitude

Richard Bultitude — Wed, 25 Jan 2012 13:23:07 +0000

Great script and really helpful explanation. The only thing I don’t understand in the script why a ‘t’ is being looked for when clearing or adding the highlight. Can you please shed some light on this logic?
Thanks :]

By: Ravindra

Ravindra — Wed, 16 Nov 2011 08:07:20 +0000

Awesome use of scrolling tabs with jquery…thanks.

By: shortcodes 4 | wordpress

shortcodes 4 | wordpress — Sat, 10 Sep 2011 19:43:53 +0000

[...] Creating Rotating Tabs using jQueryНекоторое время назад я написал статью о создании некоторые вкладки использованием JQuery, библиотеки JavaScript. Один из читателей спросил, могу ли я найти способ, чтобы “добавить программу, которая автоматически и непрерывно перейти к следующей вкладке даже не нажимая на вкладки?”. Ну, вот оно и есть. В дополнение к вращающимся вкладок, мы также должны заботиться о поведении, когда пользователь нажимает на самом деле вкладки, останавливая велосипедные поведения на нужную вкладку. Наконец, мы также выделить выбранной вкладки, как в режиме езда на велосипеде, а когда пользователь щелкает по закладке. Эта запись была опубликована в рубрике shortcodes и отмечена метками shortcodes пользователем gogadmin. Добавить в закладки ссылку. [...]

By: paul

paul — Tue, 05 Jul 2011 14:19:11 +0000

This is awsome, just what i needed, my js isnt as good as my php so a helping hand was much appreciated.

The one thing I wanted was to add a longer delay when the user hovers over the section, so they have properly read / click stuff, so I added the following inplace of the inter = setInterval(“next()”, 1000);

var delay = 10000;

$(‘.tabs’).hover(function(){
clearInterval(inter);
inter = setInterval(“next()”, 1000000);
}, function(){
clearInterval(inter);
inter = setInterval(“next()”, delay);
});

inter = setInterval(“next()”, delay);

By: Larry

Larry — Thu, 28 Apr 2011 21:22:23 +0000

I can get this to highlight text as it moves along the slider, but when I try to use a box built in css to highlight it doesn’t work. Anyone been able to highlight a tab box as the slider moves along?

By: Gerry Straathof

Gerry Straathof — Sun, 12 Dec 2010 21:05:21 +0000

Thanks for this! I used something like this to build a menu for a web-based publishing engine that works on desktops or the iPad. Once you understand the basics of a Tab system, you can expand on it quite a lot. Http://www.straathof.acadnet.ca/beta8.7.2

By: Jimmy

Jimmy — Fri, 03 Dec 2010 22:57:49 +0000

Script is great, Do you know why on some browser the first tabs loads, and all other tabs are blank. But on other browser all is working fine.

By: Elio

Elio — Fri, 16 Jul 2010 16:56:05 +0000

Hummm that’s is not an issue because there is no such thing as “leaving the button”, how would you do that?
What you could do is to add another button and issue this call again
inter = setInterval("next()", 1000);
Or, when the button is clicked you could start a timer timing out after a veeery long time allowing the user to explore the tab content. After it times out, tabs start rotating again.
However, it’s not a practical solution and I think there are more trouble doing it so than just stopping the rotation, allowing the user to explore the content of each tab at its own pace.

By: Jilles

Jilles — Fri, 16 Jul 2010 11:39:48 +0000

Great code! Only one issue. When clicking on a button the rotating stops. That is cool, but after leaving the “button” the tabs doesn’t start rotating again. Any solution for that?

By: Elio

Elio — Thu, 08 Jul 2010 16:31:33 +0000

Gareth, please double check it. I’ve tested it when I posted the fix and tested it just now (downloading and modifying the file available for download on this page) and both highlighting and content displaying works fine.