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)

New User

5+ Year Member

joined:Apr 29, 2010
votes: 0

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 Sept 10, 2012 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Nov 3, 2005
votes: 0

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

may help where js disabled
10:04 am on Sept 10, 2012 (gmt 0)

New User

5+ Year Member

joined:Apr 29, 2010
votes: 0

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 Sept 10, 2012 (gmt 0)

Senior Member from US 

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

joined:Apr 9, 2011
votes: 551

:: 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 Sept 10, 2012 (gmt 0)

New User

5+ Year Member

joined:Apr 29, 2010
votes: 0

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 :)

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members