Carousel / Slider for mobile and desktop browsers

Dibatalkan Dipasang Oct 15, 2011 Dibayar saat pengiriman
Dibatalkan Dibayar saat pengiriman

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.

Android iPhone JavaScript MySQL PHP Perancangan Perangkat Lunak Pengujian Perangkat Lunak Interface Pengguna / Arsitek Info Hosting Web Manajemen Situs Web Pengujian Situs Web

ID Proyek: #3635660

Tentang proyek

2 proposal Proyek online Aktif Oct 19, 2011

2 freelancer rata-rata menawar $500 untuk pekerjaan ini

umesh1787

See private message.

$800.7 USD dalam 14 hari
(11 Ulasan)
4.0
aeos

See private message.

$200 USD dalam 14 hari
(8 Ulasan)
3.8