Vertical And Horizontal range slider - javascript

Is there any jquery or maybe clear html5 range slider with one point that can go vertically and horizontally with two values? Something like this:

there are vertical or horizontal sliders, but a slider that does both, i don't know !
You could display 2 sliders at the bottom and the right, and then according the value of the 2 sliders it will move or show/hide the white point in the good place in your grid...
This library for instance will allow you to do this : http://rangeslider.js.org/

Related

Is it possible to use a range slider without numerical values but to reveal content instead?

I'm trying to create a range slider that will have 4 different points across it (with labels), so that when you click and drag the picker to a specific point on the slider, it will reveal content below that will correspond to that point on the slider. So, in a way it would work as a regular slider, only instead of navigation arrows/bullets it would use a range slider to switch between slides. Is this something that's at all possible?
I would have used a regular slider in this case, but the whole idea is to click and drag the bullet that will scroll across, so I can't think of any other way of implementing it.
You could assign each point a value and use an if statement that will check the value of the selected point and update the content when the slider moves to another point.

dealing pixel rounding for stacked responsive slider

I am working on a slider that is 10 sliders stacked on each other to make a whole picture. Every two seconds a random slice will slide left or right and if the slider is clicked it will move all the sliders to the same slide to make a whole picture.
Because the sliders are responsive I am having an issue with sub pixel rounding. As you resize the page or scroll you can occasionally get a white space between the different slides.
Is there A way I can remove this?

jQuery Mobile horizontal scrollable divs (dynamic multiple columns but 1 row)

Is there a way in jQuery Mobile to create a layout with dynamic multiple columns that is scrollable horizontally. (Something like a infinite carousel / picture slideshow but with DIVs and not images.)
You may want to take a look at iScroll-4. This can be used for vertical and horizontal scrollers

Having problem in creating hover effect in grid

well i have little knowledge in JavaScript.
My idea is to design a grid look so that whenever user drag some horizontal or vertical object on grid either horizontal or vertical line of gird hovers and he can have idea this is where i have to drop my object.
I have made gird using table specifying border-left,now i have grid of some column and row and for showing horizontal and vertical line i am using border with position absolute.now i am not getting how do i get position when mouse goes on border-left or border-right of table(td) so that i can place my border with that gives a hover effect
Are you searching to give effect to active droppable element, then this can help you
http://jqueryui.com/demos/droppable/#option-activeClass

How to scroll images vertically continuously using jquery

I am looking for something similar to this http://maaki.com/thomas/SmoothDivScroll/clickableLogoParade.htm
The current one is left to right. But I need to scroll vertically ie bottom to top. Can any one help me plz
I think you could tweak jCarousel to behave like you want.
make it vertical
make it circular
set no delay
turn off easing

Categories