You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

riefa

Beginner

  • "riefa" started this thread

Posts: 25

Location: Jakarta, Indonesia

Occupation: VR Photographer

  • Send private message

1

Wednesday, June 11th 2014, 12:39pm

Interactivity between hotspots for info box.

Hello,

I recently create a simple virtual tour of a bank Digital Lounge. There are some info box hotspot in the scene that will pop when clicked.

http://idvr360.com/client/cimbniaga/dlgc1/


My current issues are:
1. I want the info box popup automatically closed when user click on another info box hotspot within the same pano scene, how can i achieve that?

2. The info box popup is becoming extremely big filling the whole screen! how can scale it so it is only sized proportionally in the middle of the screen? The only info box pop up that showing in proper size is the one located at the grey wall.

Really appreciate it if somebody can give examples regarding what code do i have to put in the xml files, coding is kinda challenging for me..:D

If needed, here is the tour.xml & skin folder in a zip file: http://idvr360.com/client/cimbniaga/dlgc1/tourandskin.zip

Thank you :)
Cheers,
Riefa Istamar
www.idVR360.com

Umalo

Professional

Posts: 1,047

Location: Osijek, Croatia, EU

  • Send private message

2

Wednesday, June 11th 2014, 9:33pm

1. Or you create one action that will first make all your infoboxes invisible and than setting only one you are interested in to visible. Or you don't use more infoboxes layers but one changing its url and ath / atv (you can read them from clicked hotspot)
Something similar you have:
http://krpano.com/forum/wbb/index.php?pa…51388#post51388

2. http://krpano.com/forum/wbb/index.php?pa…52835#post52835

riefa

Beginner

  • "riefa" started this thread

Posts: 25

Location: Jakarta, Indonesia

Occupation: VR Photographer

  • Send private message

3

Thursday, June 12th 2014, 4:15am

Hi Umalo,

Thank you for the response :)

I think I am able to solve issues no.2 but having difficulties with issues no.1...
1. Or you create one action that will first make all your infoboxes invisible and than setting only one you are interested in to visible. Or you don't use more infoboxes layers but one changing its url and ath / atv (you can read them from clicked hotspot)
Something similar you have:
http://krpano.com/forum/wbb/index.php?pa…51388#post51388

I am sending you a private mail for the complete project files, hopefully you are willing to give me an example of your proposed solution using one or two hotspots....:)

Thank you :)
Cheers,
Riefa Istamar
www.idVR360.com

riefa

Beginner

  • "riefa" started this thread

Posts: 25

Location: Jakarta, Indonesia

Occupation: VR Photographer

  • Send private message

4

Saturday, June 14th 2014, 5:02pm

hi Umalo, have you got my email? :)
Cheers,
Riefa Istamar
www.idVR360.com

Umalo

Professional

Posts: 1,047

Location: Osijek, Croatia, EU

  • Send private message

5

Sunday, June 15th 2014, 12:10am

Here you go: Link
Code: here

Try to keep your info images more consistent in size. Current code takes care if image orientation is landscape or portrait and apply 70% of the screensize to them (you can change % in first line of included code settings)
(used only preview - not to be confused my loading text displayed all the time)

riefa

Beginner

  • "riefa" started this thread

Posts: 25

Location: Jakarta, Indonesia

Occupation: VR Photographer

  • Send private message

6

Thursday, July 3rd 2014, 5:03am

Hi Anton,

Apology for the late response in this thread :)

Thank you for the solution! Works perfectly!

I am trying to make some modification to your solution. My goal is to have a separate infoboxscreenratio for mobile device (be it iOS / android / others).

Current code works just perfect, it is just when user view the pano using bigger screen such as laptop or desktop with big screen, the infobox becoming quite an enormous size :D
Cheers,
Riefa Istamar
www.idVR360.com

Umalo

Professional

Posts: 1,047

Location: Osijek, Croatia, EU

  • Send private message

7

Thursday, July 3rd 2014, 1:41pm

You are right. As you see images are sized based on screen % height/width depending on if portrait or landscape.
My proposal is to adapt the fix_infobox_aspectresize actions to be active only in case that user screen size is hot higher than XY px.
In that case regular size of image is to be displayed or with smaller (maybe varalbe) screen %. That mean with simple 2-3 lines of code you can make this adaptations.