Comments on: Create A Tabbed Content Rotator Using jQuery

By: Rob

Rob — Tue, 17 Jan 2012 17:03:07 +0000

Hi Emre,
I think your problem can be solved by adding a height to the page in your css. See this comment for a solution: http://www.raymondselda.com/create-a-tabbed-content-rotator-using-jquery/#comment-3751

I had the same problem, and it worked for me.

By: EMRE

EMRE — Mon, 16 Jan 2012 20:36:04 +0000

a problem have occoured for me.For example when i down of the webpage
when tab change it make my browser go where the tabs are how can i solve this issue

By: Stan

Stan — Tue, 22 Nov 2011 04:08:36 +0000

Very nice script Raymond!

One issue I have is it seems to rotate faster in Firefox than IE. Any thoughts…sorry if this is a repeat question.

Thanks again,
Stan

By: Norbs

Norbs — Sun, 13 Nov 2011 08:29:42 +0000

I tires to change it to the following but to no avail
$(“#rotator > ul”).tabs({fx:{opacity: “toggle”}}).tabs({event: “mouseover”});
$(“.ui-tabs-panel”).fadeTo(“slow”, 0.3);
$(“.ui-tabs-panel”).hover(function(){
$(this).fadeTo(“slow”, 1.0);
},function(){
$(this).fadeTo(“slow”, 0.3);

not sure what I’m missing… thanks

By: Norbs

Norbs — Sun, 13 Nov 2011 07:54:20 +0000

Thanks for that excellent script and it works just perfect.

I just can’t tweak it to fit my wish,. I read through the replies here and could not find anything that would work. I even used to follow your earlier reply…
/*Make sure to add it after the fx {}
Here is the jquery page with that information: http://jqueryui.com/demos/tabs/mouseover.html*/

It just appears to be all dead, sorry for my jQuery ignorance but I’d greatly appreciate your help

What I try to achieve is;
1. no click on tabs but hover over tabs
2. still a fading effect on event:’mouseover’

Thanks you so much

By: jotheeswaran

jotheeswaran — Thu, 29 Sep 2011 05:40:36 +0000

can anyone help how to stop run(gif_image) the inactive tab images. only visible part image movement only show. if use manually it seems to from the visited part of the gif_images(animated).
my code is
script call function:

$(document).ready(function(){
$(“#rotator > ul”).tabs({fx:{opacity: “toggle”}}).tabs(“rotate”, 9000, true);
});

html code

gif_1_imaage

gif_2_imaage

gif_3_imaage

gif_4_imaage

gif_5_imaage

By: jotheeswaran

jotheeswaran — Wed, 28 Sep 2011 06:33:05 +0000

i have been used images as a gif(animated) in tabs. its working in firefox, but chorme and ie8/9 seems not well looking good, my problem is if one tab is active means, other tab also running in background, when click the manually it seems meanwhile displayed the gif images. only i have this issues in chorme and ie browsers.

By: Sean

Sean — Sun, 18 Sep 2011 11:06:08 +0000

Great slider. How can we modify the transitions? I don’t like that fade to white. Anyway to change the color or use a different transition? Or how about speed it up so you can even see it? We have it working great, this is the only think… If we could do something like the Cycle plugin going up, down, left or right that would be great…

Thanks,

By: Drex

Drex — Thu, 15 Sep 2011 13:29:56 +0000

Hey people, i’m new with JS but know something about other codes like AS 123 and php.
Have someone a solution to have this playing just once? so it stops in the final slide?
Thanks all folks!
Cheers
Andrex

By: Ribin

Ribin — Tue, 06 Sep 2011 09:17:57 +0000

This is great . Thank you so much Raymond.

If you have a moment to reply , Can you advice me how could I customize the code for including the fade effect in tabs too.
for eg:- http://www.geoplan.com/

looking forward for your reply