Page 1 of 1

Fullscreen Image Viewer

Posted: Mon Jul 09, 2018 4:51 am
by Tony
Hi,

I've just finished a two-part tutorial on creating a Fullscreen Image Viewer using Pano2VR.

Part 1: https://tonyredhead.com/pano2vr/p2vr-fu ... -viewer-p1

Part 2: https://tonyredhead.com/pano2vr/p2vr-fu ... -viewer-p2

Finished Project: https://s3-ap-southeast-2.amazonaws.com ... index.html

Image

A big thanks to Jaroslav Pindora (Pano2VR Group Facebook) for suggesting an alternative solution to using an external application and this project is built entirely within Pano2VR.

This software and it's options to create unique content never ceases to amaze me.

The tutorial has a download with sample images, both equirectangular and flat as well as a skin component for the zoom pan controls.

Any comments and feedback on the tutorial are welcomed.

cheers,

Tony

Re: Fullscreen Image Viewer

Posted: Mon Jul 09, 2018 3:35 pm
by ArkiTonio
Very good job, Tony.
:D
Thank you

Re: Fullscreen Image Viewer

Posted: Mon Jul 09, 2018 4:03 pm
by Hopki
Hi Guys,
Too get the fullscreen button working in the image popup the iframe needs:

Code: Select all

allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"
Cheers,
Hopki

Re: Fullscreen Image Viewer

Posted: Mon Jul 09, 2018 5:51 pm
by Tony
Hi Hopki,
Hopki wrote: Mon Jul 09, 2018 4:03 pm Too get the fullscreen button working in the image popup the iframe needs:

Code: Select all

allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"
Thanks for the heads up on that. I had the correct code in all of the sample files tour files but forgot to add it to the iframe code in the tutorial. All fixed.

cheers,

Tony