Questions tagged [jquery-slider]

The jQuery UI Slider plugin makes selected elements into sliders. There are various options such as multiple handles, and ranges. The handle can be moved with the mouse or the arrow keys.

Slider is a widget for converting selected elements into sliders and is a part of the jQuery-ui library.

API Documentation

181 questions
8
votes
4 answers

Changing the color of a jquery ui slider as you slide it

I've been looking around for an answer on how to do this and I can't seem to figure it out (even looking at the jquery ui themeing documentation). As I move the slider from left to right, I want the section on the left side of the slider-knob to…
David
  • 565
  • 4
  • 7
  • 14
6
votes
2 answers

$("#slider_range").slider is not a function

Ok, I have included the google api libraries for Jquery UI, like so: Now I have a script that updates some spans and a hidden input…
Gabriel
  • 772
  • 1
  • 13
  • 37
6
votes
3 answers

z-index not working. How to get my text show ontop of the image

I am using royalslider. I have this This is caption HTML1 text this works fine and put the text under the image. However, I want to show the text on top of the…
Asim Zaidi
  • 27,016
  • 49
  • 132
  • 221
6
votes
1 answer

Embedding jQuery slider in Bootstrap popover

I'm trying to put this code to work in rails: $(elem).popover({ title:"Brake activity", content: $("
").append( $("#slider").slider({ range: "max", max: maxValue, min: maxValue / 5, value: maxValue / 2})…
5
votes
2 answers

Mobile-friendly jQuery slider, without bundling an entire mobile library?

I have a working web application that makes use of the jQuery UI default slider. I'm getting complaints from users that the sliders don't work well on mobile (seems you have to tap, rather than drag, to get them to work). Does anyone know a jQuery…
Richard
  • 31,629
  • 29
  • 108
  • 145
5
votes
1 answer

How to show multiple jQuery Slider steps in another div below it

My question relates to this one asked a year ago: Is there a way to show the number of "ticks" or "steps" in a jquery ui slider? The OP in that question wanted to know how to add visual steps based on where ticks in the slider are located. The…
spez86
  • 732
  • 1
  • 11
  • 24
4
votes
3 answers

BBC.co.uk style jquery slider

Does anybody know where I can find a jquery slider like the one on the new http://www.bbc.co.uk website. Not interested in the actual functionality within the slide itself (IE. All the images and links within the slide). It's the full screen…
Strontium_99
  • 1,771
  • 6
  • 31
  • 52
4
votes
1 answer

how to add jquery-slider to the dependency list in browserify?

Description : I have package.json and bower.json for handling dependencies in my current schema. In which file should I add the "jquery.slider (version 1.1.0)" and how to do it?. Currently,I have added the dependency in bower.json like…
3
votes
1 answer

Multiple jQuery sliders with master one which is controlled by them and can control latter as well

First of all sorry for my poor english AND jQuery. So what i am trying to do? Here is what i am…
Trajektorijus
  • 154
  • 2
  • 11
3
votes
1 answer

Appending

Is there any way I can append a div to the slider handle, so I can control the handle by dragging that div? Please see the picture attached. Thank you.
user1101382
  • 157
  • 3
  • 11
3
votes
2 answers

jQuery Multiple Slider action

I have 3 jQuery sliders on the same page:- jQuery('.slider-deposit').slider({ range: "max", min: 3800, max: 30000, value: 3848, step: 500, slide: function(event, ui) { …
nsilva
  • 5,184
  • 16
  • 66
  • 108
3
votes
4 answers

FULLSCREEN SLIT SLIDER AUTOPLAY

I am using this slider. Everything working well but having problem in autoplay. When I click on navigation arrow on slider or on Nav dot on bottom. After that autoplay not working. This is the link CLICK HERE Auto play function not there, you have…
user2021917
3
votes
4 answers

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

I Need a content slider on jQuery with scroll bar and arrows in the same time. Something like this one, but with arrows in the sides like this. The arrows should appear on hover a parent tag. I search in the Internet. But I can't find what I need.…
2
votes
0 answers

jQuery DivScroll displays pictures on multiple lines instead of one

I am trying to duplicate the following demo, as seen here: http://www.smoothdivscroll.com/#quickdemo But even when I copy thes supplied code, no matter the page width/size, I always end up with two rows of pictures. If there are 7 pictures, 6 of…
Tim S.
  • 2,187
  • 1
  • 25
  • 40
2
votes
0 answers

range jquery ui slider to fit a predertermined value (total numer of seats)

I'm making an application to reserve seats on a train, but i need to discriminate between children and grown-ups, so i have settled two jquery-ui sliders (each one bound to a form element) the problem is here: the total number of chairs is 56 so…
1
2 3
12 13