Info window with popup image

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
jare
Posts: 355
Joined: Thu Mar 19, 2009 1:26 pm
Location: RU/CZ
Contact:

Info window with popup image

Post by jare » Wed Jun 27, 2018 4:47 pm

Hi,
I have found an interesting solution of info window, where user can click and enlarge image preview to fill full screen. Right click says that the tour was created in pano2vr, but it seems skin editor itself is not capable to do it. Here is the link, click the "i" icon, then the picture http://hermitagemuseum.org/3d/html/pwoa ... ml#node112

Any ideas how to do this without external programming?

User avatar
soulbrother
Posts: 369
Joined: Tue Apr 08, 2008 7:01 pm
Location: München
Contact:

Re: Info window with popup image

Post by soulbrother » Wed Jun 27, 2018 6:30 pm

I am shure that you can do this with p2vr, without any external solutions.

Hope that Martin or Tony willfind some time for details, as I do not this week...

User avatar
Tony
Posts: 815
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Re: Info window with popup image

Post by Tony » Thu Jun 28, 2018 1:28 am

Hi Jare,

Is this the sort of thing you are after?

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

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/

User avatar
jare
Posts: 355
Joined: Thu Mar 19, 2009 1:26 pm
Location: RU/CZ
Contact:

Re: Info window with popup image

Post by jare » Thu Jun 28, 2018 8:10 am

Hi Tony,

yes, your example is similar to what I'm looking for. But not exact. As you can see in my link, the image changes with transition (zoom) from fixed size to percentage size to fit fullscreen. This is what I can't figure out.

User avatar
Tony
Posts: 815
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Re: Info window with popup image

Post by Tony » Thu Jun 28, 2018 12:58 pm

Hi,

I've updated the project, same link. Let me know what you think.

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/

User avatar
jare
Posts: 355
Joined: Thu Mar 19, 2009 1:26 pm
Location: RU/CZ
Contact:

Re: Info window with popup image

Post by jare » Thu Jun 28, 2018 1:34 pm

Tony, thank you for your effort!
Looks better but still not so elegant :)
I guess you use two image containers, the first is static, you click it and the second appears/scales up.
In my example is seems it is all the way the same image but how to do it is mystery for me. The zoom effect there is similar to pinned image pop out action.

User avatar
Tony
Posts: 815
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Re: Info window with popup image

Post by Tony » Thu Jun 28, 2018 2:05 pm

Hi,

Yes two image containers one pixel based and the other percentage based.

In the Heritage Museum example there's quite a bit of javascript going on in the background and I think they are using it to create the popup effect.

Maybe Hopki knows more about it.

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/

User avatar
jare
Posts: 355
Joined: Thu Mar 19, 2009 1:26 pm
Location: RU/CZ
Contact:

Re: Info window with popup image

Post by jare » Thu Jun 28, 2018 2:19 pm

Yes, I suspected that this effect could not be done only with skin editor.

Tony, could you share your example's project/skin files, please?

User avatar
Tony
Posts: 815
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Re: Info window with popup image

Post by Tony » Thu Jun 28, 2018 3:03 pm

Hi,

Here is the project and skin
fixed-to-percentage-scale.zip
(6.66 KiB) Downloaded 57 times
cheers,

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/

User avatar
jare
Posts: 355
Joined: Thu Mar 19, 2009 1:26 pm
Location: RU/CZ
Contact:

Re: Info window with popup image

Post by jare » Thu Jun 28, 2018 3:06 pm

Thanks! :wink:

Post Reply

Who is online

Users browsing this forum: Google [Bot] and 6 guests