HTML 5 advanced Flickr/Cooliris-like slide-show software

Summary: HTML 5 software to replicate the Cooliris slide-show (which itself is similar to the Flickr slide-show), using as input a file in the media RSS format.

To see the Cooliris slide-show in action, use a browser *without Cooliris installed*

(if your browser has Cooliris installed, you will see the Cooliris wall, which is different)

Scroll down the bottom of the page [url removed, login to view]

Click on the tiny icon in the left bottom corner (two squares, green and blue)


The Cooliris slide-show is written in Flash.

For this project, you will use HTML 5 only, for compatibility with all mobile devices

Here are the main properties of the slide show to replicate:

- preloads some images in background so that it runs smoothly (AJAX ?), transition between images should be quasi-instant

- resizes itself automatically to fill browser window

- option to view at full-screen size, and return to browser window

- display image caption (found in media RSS file)

- button for pause/play, going manually to next and previous image

- slider for adjusting speed between images

- scroll bar with thumbnails stripe and two arrows for browsing

- display link to original HTML image page (found in media RSS file)

Additional features (some negotiable)

- specific static design elements different from Cooliris slide-show

- display action buttons (for adding to selection/cart, etc..)

- display five stars that can be used to rate an image (using existing php code)

- mobile users are presented with a simplified display with less elements

- mobile users click on image displays some of hidden elements

- mobile users use a swipe action to manually go to next/previous instead of buttons and clicks

The basic design will be similar to the Cooliris slide-show. I will specify interactively design features as the work progresses.

Sample media RSS file:

[[url removed, login to view]][1]

Skills: Amazon Web Services, Apple Safari, Engineering, Google Chrome, Project Management, Software Architecture, Software Testing

See more: cooliris software, cooliris html, slider similar cooliris, play icon html, play html 5, mobile html 5, management icon, link no html 5, link html 5, instant clicks, input html 5, image in html 5, icon previous next, icon design elements, html 5 page, html 5 link, html 5 it, html 5 elements, html 5 design, html 5 code

About the Employer:
( 10 reviews ) United States

Project ID: #2700017