CODEWITHSUNDEEP
javascriptjqueryhtmlslider
Gianluca Ghettini
Gianluca Ghettini

Reputation: 11678

how to slow down Flowslider slider?

I have a flowslider slider, here the page of the project http://www.flowslider.com/ It's a very easy to use slider however I don't know how to reduce the sliding speed, there's no working example in the site

that's my slider initialization code:

<script>
    jQuery(document).ready(function($) {

        // Select your slider element and call Flow Slider plugin.
        var $slider = $("#slider");
        $slider.FlowSlider({

            controllerOptions: [{
                mouseStart:100,
                mouseEnd:100,
            }],

            marginStart:20,
            marginEnd:20,
            mode:"horizontal"    
        });    
    });
</script>

the actual slider is just a 

<div id="slider">
a bunch of PHP generated divs here, each one is a slider element
</div>

I tried setting speed and coefficient but without any results

Upvotes: 1

Views: 1167

Answers (2)

gw0
gw0

Reputation: 1593

As written in the documentation of HoverCenter you can use the coefficient or write your own moveFunction. It seems that a list for controllerOptions is missing in the documentation.

To get coefficient to work, use something like:

$('#flowslider').FlowSlider({
    mode: 'horizontal',
    marginStart: 0,
    marginEnd: 0,
    controllers: ['HoverCenter'],
    controllerOptions: [{
        coefficient: 0.1
    }]
});

Upvotes: 0

Siamak Motlagh
Siamak Motlagh

Reputation: 5146

You can't change the sliding speed, it's because the sliding speed depends on user mouse action ( user mouse movement) and the width of content div and the count of images in it. It means when you move your mouse slowly cross the slides the sliding happens slow and when you do it fast slides goe fast.
This slide is not that kind of slides that repeats sliding in a period of time.

Upvotes: 1

Related Questions