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
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.
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?
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
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
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