Gallery Project using Pano2VR as the gallery builder

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
Hopki
Gnome
Posts: 11269
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Mon Mar 01, 2021 10:22 pm

Hi,
This project uses Pano2VR to build two galleries and three image popups with zoom as well as building the tour.

Please see this example.

Node1 has two gallery Hotspots and node4 has three image hotspots but use the same Hotspot Template.

The project can be download from here: LINK.
1) Open and build both Gallery Projects and the three Single Image Projects, these will export g1, g2 and i1, i2 and i3
2) The project will add all these folders under the assets
3) Build the Tour project

Both single image and gallery skins have an information button that only shows if there is text to show.
The skins use User Date:
Title for title
Description to add to the title of the image, as an example, title, House then, description, Kitchen. So it will be displayed as House - Kitchen.
Then the Information text field is used for the Information popup within the image or gallery
If there is no information text the information button will not show.

The galleries also have thumbnail menus that also adjust the player margins so the menu does not overlay on the images.
There are two gallery skin versions, one with the thumbnails positioned at the top of the window and the other to the right side.
The single image skin has zoom, home fullscreen and information if provided.

The panorama project has the gallery names in the hotspot description text fields, so g1, g2, i1, i2 and i3
The Gallery Point Hotspot sets an iframe to the text box that displayed the image or gallery, gallery_display.
The iframe uses the placeholder $(had) so uses the information in the point hotspots description text field to open the correct content.

Regards
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
Hopki
Gnome
Posts: 11269
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Thu Apr 01, 2021 3:52 pm

If you only want zoomable single image popups and not a gallery, but your project has many, you can use one Pano2VR project.
The idea is you can use Direct Node Access, so using one project file add all your images.

The project would output one folder and open with the first popup image. You would then use Direct Node Access to see the others.
As an example assets/image_popup/index.html#node2
For this, to work, the pano skin has been modified. The hotspot that will open the single images has the ID ht_image_zoom.
The iframe has also been modified:

Code: Select all

<iframe src="assets/image_popup/index.html#node$(hd)" width="100%" height="100%" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" frameborder= "0" ></iframe>
You will see it is looking for the path: assets/image_popup/index.html#node$(hd).

This means all you enter in the hotspots description to open the popup is the number.

1.png
1.png (32.92 KiB) Viewed 66 times

So this would open assets/image_popup/index.html#node3.


The image popup project is attached.
Regards,
Attachments
single image popup.zip
(3.25 MiB) Downloaded 13 times
pano_skin.ggsk
(15.36 KiB) Downloaded 14 times
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Post Reply