pop-up images/text box

[kasenyee]

Hey guys
Looking for a tutorial or thread forum that discusses how to get images/slide show/text/video to pop up from a button like this guy.
http://www.anselmo1910.com/visitavirtua ... index.html
I'm sure it's been talked about but I just can't figure out what the proper term for it is.

any help would be amazing
thanks folks

[Hopki]

Hi,
Take a look at this post: http://gardengnomesoftware.com/forum/vi ... =13&t=7497
You can centre the popup and if you want add a screen tint, just add a rectangle say 5000 x 5000px and make its alpha to 100, the put this behind the popup image. The post's project uses the external loader so all the popup images really need to be the same size.
If you only have one or two small images then you can add them directly to the skin and use the show and hide actions.

Here is an old tip, needs updating now we have node markers but shows what can be done: http://gardengnomesoftware.com/wiki/Pop ... _Narration
Note: If you visit the second node in the VT, the hotspot is to the right of the statue there is a Object2VR output being used as a popup.
This works well for popups of products.
Regards,
Hopki

[kasenyee]

thanks Hopki

Is there a maximum file size recommended?
I'm trying to activate area hotspots but it won't allow me because "maximum image size exceeded".

[Hopki]

Hi,
Yes there is a 40,000,000px limit when using area hotspots, use Poly hotspots found in version 4.x.
Area hotspots are VERY recourse hungry.
However there is a way around it, convert your input image to cubes.
In the Settings/Preferences under Advanced, deselect Edit Cube Faces as Horizontal Cross. Then when you go to the area hotspot editor you can now add hotspots to one cube face at a time rather then the complete panorama saving memory.
That said I would use Ploys and not have to go through all that
Regards,
Hopki

EDIT: You also need to select Ignore Limit Size

[kasenyee]

Thanks!
why do I deselect "edit cubes as horizontal cross"? what does that do?
Is there any benefit to converting the equi-rect to cross/cubes? Like does it cut down on final file size/increase loading speed in any way?

Cheers

[Hopki]

Hi,
No real benefit as Pano2VR does this anyway.
When you have input images a cubes Pano2VR will convert to cross to make it easier to add area hotspots, but it has to load all cube faces into memory to do this. Deselecting edit as cross means it only uses one cube face at a time reducing the memory load.

However if your computer has loads of RAM, then just select ignore limit and don't bother with converting to cubes, this does also depend on input image size too.
Regards,
Hopki

[kasenyee]

Ok, I think I fallow
Can you help me with one more thing?

In that VT, he has different images of watches pop up within a template (the box, x-to-close etc...). I can create duplicate the template for every hotspot, but that seems like it'll make the skin excessively large. How do I open up image A (within that template) with hotspot A, and image B when you click on hotspot B(within the same template)?

I've gone through your example you posted recently and just can't quite figure that last one out.

thanks

[Hopki]

Hi,
Download file and click Create All to output all the files then save the project.

How this works is the file path to each image is stored in the Hotspot editors URL field for each hotspot.
In this case the first popup hotspot has images/thumb_pano_01.jpg.
The remap outputs the JPG's to the images folder with a modified file name so it does not get confused with other files.

The Hotspot template hs_popup has the action to not only show/scale the popup but to set the text using the place holder $hu.
This place holder reads the text in the URL field from the Hotspot Editor and uses it for this one point hotspot. Then as you click another point hotspot it will use the text in that URL field. The URL is the file path to the image that needs to be shown for the hotspot.

A full list of place holder can be found in our websites User Guide section.
Just look under Reference.

Regards,
Hopki

[kasenyee]

Sorry I don't fallow, only thing I understand is that the background is at 0 scale, and every pop-up hotspot scales it to full size.

Instead of using a remapped pan, I want one hotspot to open up a that background with a portrait, and another one to open the background with a text box. How do I add those into the URL? and how do I make sure they are scaled and centered within the "background" template? How do they connect with the "set text" action?

Why did you chose the scale the action of "scale" instead of changing the Alpha or "hide/show" elemnt action?
thanks for your help

[Hopki]

Hi,
I was using remapped images but you can use any image. Just make sure you resize the background and loader to match your image and if you have lots of images make sure they are all the same size as this makes life easier.

Of course using the Skin-ID you can have several popups, so one just for text one for landscape images and one for portrait.

You can also use text with simple formatting, see this tip.
So for text popups you would have a text box instead of the external loader and use the place holder to write the text, you can use the title text field for the hotspot to store the text.

I use set element scale because in HTML5 just hiding the popup sometime leaves the image showing a few seconds after the rest has gone.

Please see the attached project for popup with text, each text box goes into how it works.
Regards,
Hopki