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

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

Related

Vertical And Horizontal range slider

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/

Dynamically resize Bootstrap panels on panel collapse/minimize

I have a page where there are 3 panels adjacent to each other with width 4-4-4.
I am looking for a solution by which if any of the columns if minimized/collapsed.... then the other 2 panels could resize itself and take the space left behind by the collapsed panel and make their width 6-6.
Same again if of the remaining 2 panels if any of them if collapsed the left over panel should resize itself to take over the whole page 12.
Is there any javascript library available which gives me a optimum solution for this?

Center box grid horizontally and vertically with stamp in the middle

The website I am building requires to have grid of images where one image is in the middle no matter how many images there are in the grid. This is in fluid layout and images are supposed to be editable by website admin and only height is fixed.
Image explanation:
I was thinking to use something as Masonry or Packery but those don't provide any centred layout options. What approach would you take to sort this out?
To approach this problem, I would have each row of images be inside of a container. Then you could absolutely position the container based upon calculations to center the "stamp."

jCarousel vertical and horizontal photos

Here is my website
http://81.198.86.35:8084/nv/course/10/
I have vertical and horizontal photos. I need different width, but jCarousel makes all widths the same. How to make different widths?

Touch Scrolling in HTML5 with Multiple Columns

How can iScroll5 or HTML5 be used to allow touch/momentum scrolling with these attributes:
A Table with many items, and each item has many columns
Scrolls vertically and horizontally
Header is fixed vertically, but header scrolls horizontally with columns
In this scenario, vertical scrolling would affect which list items are displayed, and horizontal scrolling would affect which columns are displayed for the visible list items.
To see an example of this go here and click on "100" to show 100 records:
http://www.tablefixedheader.com/fullpagedemo
This example works correctly except for the scrolling does not have a touch/momentum/flick action.

Categories