4

I am using carouFredSel to make Slider, but duration cannot be set. It may run default.

I set like :

$("#foo6").carouFredSel({
    auto: true,
    responsive: true,
    duration: 2000,
    prev: "#prev6",
    next: "#next6",
    scroll: 1,
    pagination: "#pager6",
    mousewheel: true,
    items: {
        visible: 1,
        width: 200
    }
});

Say me solution for my issue.

Tushar Gupta - curioustushar
  • 58,085
  • 24
  • 103
  • 107
Hai Tien
  • 2,929
  • 7
  • 36
  • 55

2 Answers2

6

Try

$('#carousel').carouFredSel({
    auto: true,
    responsive: true,
    prev: "#prev6",
    next: "#next6",
    scroll: { items:1,duration: 200}, //set duration here
    pagination: "#pager6",
    mousewheel: true,
    items: {
        visible: 1,
        width: 200
    }
});

Fiddle http://jsfiddle.net/code_snips/bTHnL/

Manish
  • 1,437
  • 2
  • 11
  • 17
4

The duration inside the scroll object sets the time (in ms) it takes for the scrolling animation. To set the timeout between elements you need to set auto to a number

So an example for this:

$('#carousel').carouFredSel({
    auto: 3000, //Set the time between transitions
    scroll : {
        duration: 1000 //The duration of the scroll animation
    }   
});
Shahar
  • 2,269
  • 1
  • 27
  • 34