Info window with popup image

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

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: 545
Joined: Tue Apr 08, 2008 7:01 pm
Location: München
Contact:

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: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

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: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
User avatar
jare
Posts: 365
Joined: Thu Mar 19, 2009 1:26 pm
Location: RU/CZ
Contact:

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: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi,

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

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
User avatar
jare
Posts: 365
Joined: Thu Mar 19, 2009 1:26 pm
Location: RU/CZ
Contact:

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: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

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: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
User avatar
jare
Posts: 365
Joined: Thu Mar 19, 2009 1:26 pm
Location: RU/CZ
Contact:

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: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi,

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

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
User avatar
jare
Posts: 365
Joined: Thu Mar 19, 2009 1:26 pm
Location: RU/CZ
Contact:

Thanks! :wink:
Post Reply