display slides with start and end dates with javascript

Hi David,

I'm trying to clarify your question. You want to have a slider that loads a set of slides according to the current date?

Something like this:

Set 1 - image1, image2, image3 - visible from 6 to 10 of November. Set 2 - image4, image5, image6 - visible from 11 to 15 of November.

And so on.

Hugo thank you for your response. That is kind of the idea I guess I can explain better this way:

Day 01 - slide 1, slide 2 Day 02 - slide 1, slide 2, slide, 3 Day 03 - slide 1, slide 2, slide 3, slide 4 ...and so on until you get to 6 days with 6 slides. Its a new slide each day with the slides from the previous day still loading.

In addition, after those specified set of dates, those slides would disappear and a new set would load.

Hi David, You didn't rely explain what you are "stuck" on, but maybe it's the timer for counting days.

The magic number is "86400" as in: days = Math.floor(seconds / (60*60*24)); or longhand: days = Math.floor(seconds / (60*60*24));

here's some links: Easy Countdown to Date with JavaScript & jQuery http://trulycode.com/bytes/easy-countdown-to-date-with-javascript-jquery/

Real time display of time left for an event in days, hours, minutes and seconds http://www.plus2net.com/javascript_tutorial/countdown.php

HTML Countdown to Date v3 JavaScript Timer (page includes interactive script generation) http://www.ricocheting.com/code/javascript/html-generator/countdown-timer

You can even adjust for selectable time zones: http://www.rmkwebdesign.com/Countdown_Timers/Samples.php

Hope this gets you started..

Thanks James, I actually already have a countdown timer, what Im looking for is a bit different, which is for divs to be shown on specific dates within a slider, and hidden on others. I really appreciate the info you shared though. I got something working using the following code:

window.setInterval(function(){

var current = new Date(); var normal = new Date("November 6, 2014 00:00:00"); var countdown = new Date("November 20, 2014 00:00:00"); var day1 = new Date("November 24, 2014 00:00:00"); var day2 = new Date("November 25, 2014 00:00:00"); var day3 = new Date("November 26, 2014 00:00:00"); var day4 = new Date("November 27, 2014 00:00:00"); var blackfriday = new Date("November 28, 2014 00:00:00"); var postblackfriday = new Date("November 29, 2014 00:00:00"); var cybermonday = new Date("December 1, 2014 00:00:00"); var postmonday = new Date("December 2, 2014 00:00:00");

// Normal Slider if(current.getTime()>normal.getTime()){ $('.blackfridayslider').hide(); $('.normal').show(); $('.blackfridaystore').hide(); $('.normalstore').show(); $('.normalstorenav').show(); $('.blackfridaystorenav').hide(); }

I was having some issues with IE8, but I just figured out that it was related to an html5 video that was playing as an intro prior to the slider loading.