Gallery Project using Pano2VR as the gallery builder
Posted: 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 $(hd) so uses the information in the point hotspots description text field to open the correct content.
Regards
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 $(hd) so uses the information in the point hotspots description text field to open the correct content.
Regards