Geek asks and answers

Need a jQuery slider with a scroll bar and arrows at the same time

I need a content slider in jQuery with a scroll bar and arrows at the same time. Something like this , but with arrows on the sides, like this . Arrows should appear when you hover the parent tag. I am searching online. But I can not find what I need. Does anyone know such a slider?

+3
source share
4 answers

Use the value method to set the value of the slider to the next / previous page when you press the next / previous button. This requires about 10 lines of JavaScript with jQuery and a user interface.

. JS , .

var max = , pageWidth = ; // see the fiddle for the full code
$('#prev, #next').click(function(){
    var current = $("#slider").slider('value');
    var to = $(this).is('#prev') ? current - pageWidth : current + pageWidth;
    $('#prev, #next').show();

    if(to <= 0)
        $('#prev').hide();
    else if(to >= max - pageWidth)
        $('#next').hide();

    $("#slider").slider('value', to);
    sliderOpts.slide(null, { value: to });
});
$('#prev').trigger('click'); // init​​​​​​​​

, , , CSS, , #prev #next , .

+7

Jscrollpane: http://jscrollpane.kelvinluck.com/

I used it on dozens of very complex websites, and I always managed to do what I wanted with it. It also has excellent documentation.

You can select a horizontal or vertical slider (or both), show / hide arrows, go to a specific html element, use animation, etc.

Check this! Once you get used to it, you will always use it!

Hope this helps!

0
source

First, you must indicate your requirement to Google, there are so many of them, check them

-1
source

More articles:


All Articles