Page 1 of 1

Image Zoom In / Out

Posted: Tue Jun 12, 2018 7:50 am
by Ink8455
My pano allows the user to view 360, with a limited zoom in/out function.
I have numerous still images scattered around each Pano. Each image has an associated text box and a preview thumbnail.
Once selected, the image enlarges and fills the screen.
The still images are static, fixed size on the screen.
I would like to allow the user to be able to zoom in and out of a selected image.


My question is, is it possible to zoom in and out of the selected image once filling the screen?
I accept that there may be limitations on the size and quality of the original still image but the function would help alot.


Many thanks

Re: Image Zoom In / Out

Posted: Tue Jun 12, 2018 3:44 pm
by Tony
Hi,

It's possible, here's a quick example of a small popup window but it would certainly work with a fullscreen image. There are a couple of issue with it that I have to work out.

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

I'm a bit flat out for the coming day but I'll put something together you can use asap.

cheers,

Tony

Re: Image Zoom In / Out

Posted: Wed Jun 13, 2018 2:21 am
by Ink8455
Perfect!!!!!!

That's exactly what I was trying to acheive.

Re: Image Zoom In / Out

Posted: Wed Jun 13, 2018 7:29 am
by Tony
Hi Ink,

I've just updated the sample project with a fullscreen responsive version. Same URL

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

The image size is 2,500px x 1568 px

cheers,

Tony

Re: Image Zoom In / Out

Posted: Wed Jun 13, 2018 7:38 am
by Ink8455
Perfect, THANK YOU!!!!!


How is it done?

Re: Image Zoom In / Out

Posted: Wed Jun 13, 2018 7:49 am
by Tony
Hi,

I will write up a tutorial on how to do it and post it on my website. I'll post here when it's up.

https://tonyredhead.com/tipsandtutorials

Tony

Re: Image Zoom In / Out

Posted: Wed Jun 13, 2018 2:26 pm
by soulbrother
Tony,

this really looks like the work of a genius, so it´s hard to wait for your tutorial.

This time I will say big THANKS, before I will see your tutorial!

Re: Image Zoom In / Out

Posted: Wed Jun 13, 2018 2:30 pm
by Tony
Hi Soulbrother,

:D Actually it's pretty simple to implement only takes a minute or two.

Tony

Re: Image Zoom In / Out

Posted: Mon Jul 02, 2018 2:13 pm
by Tony
Hi,

Quick update to let you know that I've created and published the tutorial on how to implement the zoom/pan fullscreen image.

https://tonyredhead.com/pano2vr/hotspot ... reen-image

This tutorial show you how to create a point hotspot and integrate a third party image viewer application that opens an image that fills the current screen. Once the image has opened the user can then zoom in and out of the image and pan around it using a mouse or by touch on a mobile device.

There is a downloadable zip file with all of the files needed to complete the tutorial.

cheers,

Tony

Re: Image Zoom In / Out

Posted: Mon Jul 02, 2018 3:32 pm
by Ink8455
Many thanks

Re: Image Zoom In / Out

Posted: Tue Jul 03, 2018 4:43 am
by Tony
Hi,

A comment by Jaroslav Pindora in the Pano2VR User Group on Facebook https://www.facebook.com/groups/Pano2VR ... 216434516/, to my post re the tutorial, made me take another look at how his all Pano2VR solution could be implemented.

I've created a new output and personally I think it works as well, if not better, than the JQuery solution and at no cost.

Here's the new output, I'll be posting a new tutorial shortly.

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

Tony

Re: Image Zoom In / Out

Posted: Fri Jul 13, 2018 8:37 am
by Ink8455
Perfect

Re: Image Zoom In / Out

Posted: Fri Jul 13, 2018 1:07 pm
by Tony
Ink8455 wrote:
Fri Jul 13, 2018 8:37 am
Perfect
:D