Question

I’m using the anythingSlider by Chris Coyier.

Basically it makes list-items slide in from the left after a specified time.

I’d like to tweak the code, so that the first <li> is visible for twice as long as the others.

E.g. If the slides are visible for 7 seconds, the first slide needs to be visible for 14 seconds.

Any ideas?

Answer 1

Should be easy enough

var timeVisible = 7000;
$('.anythingSlider').anythingSlider({
    autoPlay: true,
    startStopped: true,
    delay: timeVisible ,
    ...
});

setTimeout(function() {
    $("div.anythingSlider a#start-stop").trigger("click");
}, timeVisible);