Start a new topic

Cloud Zoom inside a 360 Virtual Tour

Hi.. We are just wondering if there were any guru's out there that could work out how I can put Cloud Zoom into a 360 Virtual Tour...


This is a test where we got HighSlide JS to work so we are assuming we can get Cloud Zoom to also work within a Virtual Tour...


Example Virtual Tour with HighSlide JS 


We need to put some students Artwork into our Virtual Tour so we can zoom into the paintings and other things... A sideshow using HighSlide is ok for somethings but the CloudZoom would be great for zooming into selected features ... 


In our HiighSlide JS code that works we have..


.. in the xml file... onclick="js(onClick=callToAction(Painting3);"


I added the other code in the attached text doc....


We only have the trail version at the moment but its ok.. We do not mind seeing the Trail Version text... 


Thank you 


Destiny and John

Teachers


rtf
(1007 Bytes)

1 person has this problem

It wouldn't make sense to trigger Cloud Zoom direct from the link icon in the panorama as Cloud Zoom itself needs to appear inside an HTML window.


Highslide appears to support HTML content. You could try initializing Highslide as you do at the moment, but instead just placing an image within it, you could place some HTML that sets up  Cloud Zoom as normal. You'd have to trigger the Cloud Zoom initialization via the Cloud Zoom API.


You'd also have to include the jQuery and Cloud Zoom JavaScript and CSS files.


Hope that helps.

Well that got us thinking... We worked out how to put Cloud Zoom into an iFrame and Highslide opens it... The only issue we have now is for the window to be wider to accept the zoomed image, but we will have to ask HighSlide for help with that one... ;)


Thank you for your suggestion...


Destiny and John...

Login or Signup to post a comment