Carousel / Slider for mobile and desktop browsers
$30-5000 USD
Paid on delivery
I need a flexible carousel that will be able to display on most mobile and all desktop browsers. At least, Android and iOS (mobile safari) browsers, and all modern desktop browsers.
Here are some examples of carousels:
<[url removed, login to view]>
<[url removed, login to view]> (go to User Interface -> Carousel)
<[url removed, login to view]>
[][1]<[url removed, login to view]>
The purpose of this carousel is not to display images, but to display data and forms in a carousel-like fashion.
Please review the detailed requirements, they are important.
## Deliverables
Here are the requirements for the carousel:
- Respond to "swipe" touch screen events on mobile touch-screen browsers
- Will need to be smooth on both mobile and desktop browsers (smooth like the Sencha Touch carousel)
- The carousel items need to be able to carry ANY html I put into it - buttons, images, etc. like the Sencha carousel or AnythingSlider.
- Can NOT be memory intensive. In the test I will be carrying out, it will have 400+ items. This is a major problem with existing carousels - they max out at a certain number of items. The solution to this is to have interchangeable DIVs and populate them dynamically, such as with SwipeView: [url removed, login to view] . Unfortunately, SwipeView only works on mobile browser and Chrome, not all browsers. And, it only populates images, not any HTML I need to put into it.
- Needs to have customizable Next, Prev buttons. On mobile browsers they won't need buttons, they can just swipe. But on browsers I will need them and need to be able to place them anywhere I want (I know javascript well enough to call a function like .Next and .Prev. That will be sufficient)
- Need "autoplay" options where the items in the carousel will move from one to the other automatically. Will need Play, Pause and Stop options. This should be flexible. I would like to be able to autoplay a certain speeds, and assign a certain delay to each item.
- Needs to not be bound too tightly to a specific interface. I want to be able to easily integrate this into a web app, so it can not be bound to only working full screen, or with a certain height, etc. I need to be able to expand it, center it, and so on.
- Mostly, I only need to display one item at a time (esp in mobile browsers), but users may want to see more than one item at some point, so I will need that option as well.
Project ID: #3635660