Automatic scrolling layers?

[lowmarklow]

Hi Guys,

Basically if you go to https://xmedia.ex.ac.uk/ you will see a box that slowly flicks through 4 topics.

I was just wondering if you can take the buttons away and still have it slowly going through the different layers?

I've got my own version which I have yet to upload but when I took the buttons away it didn't automatically scroll through the different layers.

Can anyone help me with this?

Thanks people!

Mark

[lowmarklow]

Hi Guys,

Here is the link...

http://www.british-certification.com/

Thanks!

[jscheuer1]

There are other scripts that do that sort of thing that don't rely on the tabs. But even this one will still work if you leave the tabs in the markup but set, in your stylesheet:

#promo_tabs {display: none;}

That way, they will not be seen and will take up no space, but the script will still work.

[lowmarklow]

Hello mate,

That still doesn't work :-(

Mark

[jscheuer1]

Probably won't work even without:

#promo_tabs {display: none;}

then. First make sure it works when you can see the tabs.

[lowmarklow]

Right well I made the tabs visible and have just noticed that when you hover over, say...tab 4, it will fade into tab 1, but it shouldn't do that. Instead it should fade into the next tab which would be tab 5.

I'll have to look at why it's automatically going straight back to tab1 and then fading into itself. Thus looking like it's not working at all.

Thanks by the way,

Hopefully I can sort this out now.

Mark

[jscheuer1]

Well, I did say there were other scripts, here's one:

http://home.comcast.net/~jscheuer1/side/vfs/jsjq_5.htm

[lowmarklow]

I've just checked that link out.

Will that work with the div layers I have got which fade...

Thanks,

Mark

[jscheuer1]

No, it only works with images. The descriptions are separate and don't fade in, they just appear as the image they are associated with begins to fade in. See the source code of the demo page to see how these are organized.

However, this (the treatment of the descriptions) is preferable for IE which would otherwise lose clear type on the text (which it does on the example page you linked to, though it's restored after fade in). Also, the script linked to in my previous post is highly configurable as to fade in rates and interval between images, to name only two of the options. And the markup it keys off of can include many things that would allow the images and/or text to react to events (like clicks or mouseover) from other scripts or ordinary HTML like links. So, if there is something else that you need it to do, let me know, there's a chance it can.

But I tried out the page you linked to as the example in Firefox and set the display of the promo_tabs to none and it still worked fine. So my original suggestion as regards that script should still work.

[lowmarklow]

Ok,

Thing is, in the CSS sheet which contains the div 'promo_tabs' , it's linked with another div called 'promo_box'.

When I split them up and assign display: none to the promo_tabs it still doesn't work...

Mark