Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

JS degrade nicely plus transition issues - scrolling slides



7:05 pm on Sep 8, 2012 (gmt 0)

5+ Year Member

I'm trying to create a javscript scroller following the example at: [deadmarshes.com...]

Unfortunately this version doesn't show anything when javascript is disabled but I'd like it to at least show the first image and caption and then just not move.

I stuck together a fiddle


Does anyone know how to make the initial transition not happen and just have the first 'slide' there?

Also I adapted this slightly to show 4 slides instead of 3. I changed 3 to 4 in two places in the JS (where it's keeping tally) and that seemed to work alright but now in FF when you click on a few of the numbers to change slides a few times then let it go back to normal running, the indicator which is meant to show which slide you're on starts appearing all over the place. The timing of the transitions also goes weird. It's like clicking a couple of times means the transitions and the pointers are going a couple of times. IE there's more than one bit of JS moving the slides and pointers, resulting in strangly timed transitions and more than one pointer. Could that be possible?

I assume that's to do with the way it's being counted in the JS but I haven't a clue what it's doing to be honest.

Any help would be appreciated.


12:25 am on Sep 10, 2012 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

<div id='tmpSlide-1' class='tmpSlide' style='display:block'>

may help where js disabled


10:04 am on Sep 10, 2012 (gmt 0)

5+ Year Member

Hey there, thanks for the reply. Yeah, I've since figured that bit out but I'm still stuck with how when you click one of the indicators then when transitions resume they aren't at regular intervals and there is often more than one indicator active at the same time.

any ideas?


4:30 pm on Sep 10, 2012 (gmt 0)

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month

:: peering into crystal ball ::

Fine-tooth-comb your variable names, especially the ones that are recycled between one function and another, or reused in different parts of the same function.

Sometimes when setting things up I'll start out making everything global, and then shift them one by one to local to make sure there's no contamination.


11:36 pm on Sep 10, 2012 (gmt 0)

5+ Year Member

Crickey, thanks for the response but I'm not sure I understand what to do with it, can you be any more specific? I really appreciate any help :)

Featured Threads

Hot Threads This Week

Hot Threads This Month