Responsive Slide Show and Virtual Tour Viewer with Pan & Zoom Built-in

Avg Bid (USD)
Project Budget (USD)
$750 - $1500

Project Description:
We are looking for a responsive slideshow that shows pictures, virtual tours (360 degree pictures) & YouTube videos with appropriate thumbnails.

Here's an example of what we are looking for:

Slideshow will take in an XML file, with set parameters ( sound/zoom/map/images/title/captions ) and output defined show. For example:
<title>Very Nice Home</title>
<tour-view>flat</tour-view> (or spherical)
<caption>bla bla</caption>
<caption> blupp blupp </caption>
<caption> bling bling </caption>
<caption> woooow </caption>
<description>.......... .......... ............ ...........
.......... .......... ............ ...........
.......... .......... ............ ...........
.......... .......... ............ ...........</description>
<map>Address goes here</map>
Here are some of the features desired:
1. HTML5/CSS and jQuery as the JavaScript library of preference
2. Completely responsive according to window-size: 2 image sizes will be available and smaller images to load first in smaller devices, but ability to switch between large and small viewer
3. Full Screen functionality (like the sample above)
4. Project title and picture captions at the top
5. Order of images as defined in the XML
6. Handles variable number of images/tours/youtube videos
7. Autorun of slideshow images/tours/youtube but stop/play button available
8. Virtual Tours (360 images) rotate completely before switching to next image in slideshow
9. Virtual Tours can be dragged right left with mouse (or "touch" on mobile device)
10. Both pictures and tours have a zoom-in feature, its depth also defined in the XML parameters
11. Thumbnail clicking switches images
12. Thumbnails to be bigger than sample above, mostly similar to:
13. Thumbnails to have overlay image if youtube video or virtual tour (360 image) in addition to regular thumbnail picture
14. Thumbnails not to be completely responsive and retain some of their large size in smaller screens
15. Spherical/Flat buttons to switch view between presentation mode (Default defined in xml)
Sample "Flat" View:
Sample "Spherical" view:

16. In addition to these requirements, we would like a set of buttons on the top-right-hand-corner of slideshow that can turn on/off certain features:
• Sound (on/off)
• Show/hide Address/Map
• Switch flat/spherical
• Show/hide description

Also, as shown in the sample above, it's imperative that the viewer has a very smooth moving/panning of pictures.
Compatibility with all common browsers and mobile devices is very important
We also need the full source code used in the project when project is delivered, uncompressed and readable but we would like all the js to be minified, obfuscated and compressed to protect our investment.

If project is successful, we are looking in the future to add the more features.

Skills required:
CSS, Engineering, HTML5, Javascript, jQuery / Prototype
Hire Tours360
Project posted by:
Tours360 United States
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.

$ 1237
in 15 days
$ 1159
in 20 days
$ 1494
in 25 days
$ 1190
in 29 days
$ 1298
in 22 days
$ 989
in 30 days
$ 1546
in 20 days
$ 1159
in 25 days
$ 1546
in 30 days
$ 989
in 17 days