In Progress

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

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:

[url removed, login to view]

Slideshow will take in an XML file, with set parameters ( sound/zoom/map/images/title/captions ) and output defined show. For example:

<project>

<sound>off</sound>

<title>Very Nice Home</title>

<zoom-max>50</zoom-max>

<tour-view>flat</tour-view> (or spherical)

<media><type>tour</type>

<file-large>[url removed, login to view]</file-large>

<file-small>[url removed, login to view]</file-small>

<caption>bla bla</caption>

</media>

<media><type>photo</type>

<file-large>[url removed, login to view]</file-large>

<file-small>[url removed, login to view]</file-small>

<caption> blupp blupp </caption>

</media>

<media><type>tour</type>

<file-large>[url removed, login to view]</file-large>

<file-small>[url removed, login to view]</file-small>

<caption> bling bling </caption>

</media>

<media><type>youtube</type>

<file-large>abcdefg@123</file-large>

<file-small>abcdefg@123</file-small>

<caption> woooow </caption>

</media>

<description>.......... .......... ............ ...........

.......... .......... ............ ...........

.......... .......... ............ ...........

.......... .......... ............ ...........</description>

<map>Address goes here</map>

</project>

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:

[url removed, login to view]

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: [url removed, login to view]

Sample "Spherical" view: [url removed, login to 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: CSS, Engineering, HTML5, Javascript, jQuery / Prototype

See more: jquery mobile virtual tour examples, 360, jquery virtual tour responsive, youtube jquery mobile, youtube html5, virtual devices, virtual device, videos in html5, templates html5 responsive, responsive html5 templates, mobile templates html5, lg com, image in html 5, html 5 video gallery, html5 slideshow code, html5 css templates, css templates html5, 16 handles, responsive html templates, mobile-first responsive, javascript image library, html5 video responsive, abcdefg, ZOOM, youtube viewer

About the Employer:
( 4 reviews ) Cape Coral, United States

Project ID: #5272897

Awarded to:

johnjspiteri

I design and create really modern and responsive websites for modest amounts of money. I would be willing to finish your project quickly, and make it responsive - in exchange for a good reference. Current Proje More

$1500 USD in 15 days
(2 Reviews)
3.3

22 freelancers are bidding on average $1242 for this job

promactinfo

Hello, I have reviewed your project requirement and found it to be one of the challenging project we would like to work on.I would like to connect with you over private message or other medium to discuss about the More

$1237 USD in 15 days
(107 Reviews)
8.2
vw580939vw

Dear Sir, WE HAVE DEVELOPER SOMETHING SIMILAR TO YOUR REQUIREMENT. WE ARE READY TO TAKE YOUR PROJECT ON BOARD. WE HAVE PROFESSIONAL TEAM WHO HELD MORE THAN 5 YEARS EXPERIENCE AND THEY CAN HANDLE THIS PROJECT. LETS H More

$1159 USD in 20 days
(130 Reviews)
7.1
Brsoft1

Hello Sir, Thanks for detailed description about your project. We are analyzing your complete requirement and get back to you ASAP. Our business analysis team also provide you detailed proposal. but as acco More

$1494 USD in 25 days
(23 Reviews)
6.9
violetzs

Hello Tours360! Happy new year to you and your family!!! I am honored to be placed bid on your project. I have read 16 points in your requrements very carefully and I understand what you are trying to want to navigate More

$1190 USD in 29 days
(110 Reviews)
6.8
buraqtech

1. Crowd Funding Site In these days we are already near to finish a full CMS based crowd funding site which is a clone of kickstarter but we implemented many unique features in this project to distinguish it from kic More

$1298 USD in 22 days
(21 Reviews)
6.7
sritechnocrat

Hello Sri Technocrat will provide fully interactive application/website for your project. As per the detail, Sri Technocrat will provide three template functional schemes and sample pages to make your choice for lay More

$989 USD in 30 days
(20 Reviews)
6.4
p4provider

Hello, We have a strong experience in developing & designing websites and developed lot of projects in this regard. We use core coding/designing standards & techniques in whole development process and provide 100% More

$1546 USD in 20 days
(14 Reviews)
6.3
WSTIBS

Hi! i read the posted description and offer my services we can work on project to provide you quality work within time [url removed, login to view] will provide 45 days free support after completion,with Great Communication all the tim More

$1159 USD in 25 days
(29 Reviews)
6.3
getwebsolutionsl

Hello, We have gone through your requirement and are confident that we can successfully execute the project within the timeline. We are an established Web Design and Development Company having a defined and qualitat More

$1546 USD in 30 days
(24 Reviews)
6.2
Hariomtechnology

Hello , We are one of the best programming team here on freelancer. We have got 90+ feedbacks (reviews). Please see our recent work --> [url removed, login to view] , (HTML5) [url removed, login to view] , http://w More

$989 USD in 17 days
(26 Reviews)
6.0
html5css3php5

hi i know very well jquery. i will do well, i do your 16 points. i will start today. try to finish in 10 days.

$773 USD in 20 days
(47 Reviews)
5.4
JoomlaVogue

Hello Sir, We have gone through the details you have provided and would be pleased to work on this with you to deliver the results that you have expected and We are sure you will not be disappointed if you give us More

$850 USD in 15 days
(26 Reviews)
5.4
salienttemplates

Hi I am ready to do this project.i have experience in graphic and web design.i provide you W3C validated, cross browser,hand coded xhtml/css/javascript/responsive [url removed, login to view] quality work. waiting for your reply More

$1005 USD in 5 days
(38 Reviews)
5.2
bistanil98

have gone through with the requirement and we can start this project now. I want to introduce our self, we are a group of freelancers we have 11 year of experience in web application development and design, we w More

$1000 USD in 20 days
(9 Reviews)
6.3
prominentsoft

A brief about me: My name is Mainuddin and I am a Senior Software Engineer from Dhaka, Bangladesh. I have over 6 years of experience in applications development and worked in various languages and technologies inc More

$1340 USD in 25 days
(38 Reviews)
5.0
irshadwazid

Hello, Thanks, for giving us a chance to bid on your [url removed, login to view] are an (ISO 9001:2008) (ISO 27001:2005) certified company which have throught 5 stars ranking and great reviews by customers from globe. We have a More

$1159 USD in 20 days
(10 Reviews)
4.7
iglobalvn

Hello, I am interested to work for this project and I will provide you within or before a 20 days . Actually, i have more experience work on this project type . Please reply me soon. I will show you demo via teamv More

$1400 USD in 20 days
(7 Reviews)
3.8
tazkiahtech

A proposal has not yet been provided

$1250 USD in 20 days
(22 Reviews)
3.7
ewebszone7

Hi I am web designer and developer html5 css3, Jquery, Responsive mobile version websites, Bootstrap, Wordpress + ecommerce, Joomla, Magento and Opencart etc.. Lets start Right now i am ready to start it right now. t More

$1555 USD in 20 days
(5 Reviews)
3.0
rajnish1579

"I UNDERSTAND ALL YOUR REQUIREMENTS 100%", Dear Sir, We are having a team of technologies expert working in different technologies like php,Joomla, Smarty,.net, C with our company. We are fully Profession Company and b More

$1250 USD in 20 days
(2 Reviews)
2.7