Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Kris Tryber
Kris Tryber
10,416 Points
Posted by Kris Tryber
Kris Tryber
10,416 Points

jQuery slideShowTimer issue.

Hey everyone,

So I am working through coding up a webpage from looking at a template. It has a jQuery slider in it so I am trying to replicate it. All seems to be going well, I have all the jQuery code in, set all the variables for the options. However I cannot raise my timer above ~1800 milliseconds.

I am using wmuSlider and the stock timer calls for 7000 milliseconds but it never changes. I've worked my way down and found the line to be ~1800 which is where I lose control of making the timer longer.

I'm not exactly sure if this is all the code that you would need if there is a problem so let me know and I can just put the whole thing into codepen or something.

<script>
  var options = {
    navigationControl: false, 
    animation: "slide", 
    animationDuration: 600, 
    slideshow: true,
    slideToStart: 0,
    slide: 'article',
    slideshowSpeed: 1800,
  };
  $('.wmuSlider').wmuSlider(options);
  </script>

Thank you, Kris

6 Answers

Andrew Chalkley
STAFF
Andrew Chalkley
Treehouse Guest Teacher
Andrew Chalkley
Andrew Chalkley
Treehouse Guest Teacher

slideshowSpeed looks like its the right, send over a codepen and maybe we can poke about and see what's going on.

Kris Tryber
Kris Tryber
10,416 Points
Kris Tryber
Kris Tryber
10,416 Points

Andrew,

Definitely new to codepen....

However here is a link with the code exactly as it sits inside my local directory. Locally everything looks right and lines up. slideshowspeed works perfectly below 1800 milliseconds, anytime I go above that number the slideshow does not move to the next slide.

codepen Edited this, still looks all funky but the slider is actually usable inside codepen.

template This is the link to the design that I am trying to replicate.

I hope this helps! Thank you!

Kris

Kris Tryber
Kris Tryber
10,416 Points
Kris Tryber
Kris Tryber
10,416 Points

Also....It now seems to work perfectly inside codepen but still doesnt allow me go above 1800 locally. So that tells me there must be something wrong on my end.

Kris

Andrew Chalkley
STAFF
Andrew Chalkley
Treehouse Guest Teacher
Andrew Chalkley
Andrew Chalkley
Treehouse Guest Teacher

Try uploading it to a server somewhere? See how that works?

Kris Tryber
Kris Tryber
10,416 Points
Kris Tryber
Kris Tryber
10,416 Points

Andrew,

Just an update, live server didn't help.

ALTHOUGH, it did work one time at 4000 haha, I have no clue. I'm going to table it for now, I might try a different slider plugin and see if I get any differences.

Kris

Andrew Chalkley
STAFF
Andrew Chalkley
Treehouse Guest Teacher
Andrew Chalkley
Andrew Chalkley
Treehouse Guest Teacher

Odd - do post what plugin works for you, others may benefit.