EDIT: Gallery Component

[Hopki]

EDIT: For Pano2VR 6 and 7 please see this forum post to use Pano2VR to make a more interactive gallery: viewtopic.php?p=65532#p65532
This was also shown in a recorded webinar which can be found here: https://ggnome.com/gg_webinars/embeddin ... -projects/
Time index 0:13:20.

Designed for Pano2VR 5 Standard and Pro.
This component provides a simple way to add a gallery slideshow to your Pano2VR or Pano2VR Pro projects.
It comes configured to display up to 15 images but can be easily reconfigured for more or less images.

Main features:

• Preloads the next image to be displayed
• Responsive design
• Works with many image file types

Download Component:
Gallery Silhouette:

silhouette_gallery.ggskc

(29.03 KiB) Downloaded 2759 times

Gallery Simplex:

simplex_gallery.ggskc

(28.06 KiB) Downloaded 2407 times

The first video shows you how to add the component to your toolbox and how to use it.



If you're interested in how it works in more detail and want to make modifications then this next video explains how some of its features work.



The component was built using Pano2VR 5. At that time it was not possible to add external files to the project file so if you wanted this to work with a package you needed to make the package manually allowing you to add the gallery folder first, then make the package.

Please see:




Pano2VR 6
Using Pano2VR 6 it is possible to add external files to the project file using Assets.
In Pano2VR 6, under the HTML5 output select the Advanced tab. Then at the bottom, you will see Assets.

Screenshot 2021-04-23 at 14.22.25.png (11.8 KiB) Viewed 28407 times

Use the Add folder option and add the gallery folder.
This will change the file path to the images so you will need to update the following elements:

• gallery_picture
• gallery_picture_preload

1.png (106.59 KiB) Viewed 28407 times

First select the External Image Loader, gallery_picture.
Then select the External URL Logic Block button.

2.png (171.58 KiB) Viewed 28407 times

The default path is: gallery/img_00.jpg
This will now need to be changed to: assets/gallery/img_00.jpg

What this will do is add the gallery folder automatically to the output and furthermore when you make a Garden Gnome Package for either a CMS website or to be used with either the Desktop or Mobile Package Views the gallery folder will automatically be added.

Regards,
Hopki

[360Texas]

Thank you Sir. Will try them out today.

[tdd]

Thx Hopki!!

[stalwart]

something else to get my teeth into - thanks Grand Gnome.....

[bkiter]

Hello, is it possible to open another panorama inside the popup window?



Thank you.

[Hopki]

Hi,
Yes, you would use an iFrame and use a text box rather that the external loader.
Regards,
Hopki

[bkiter]

Thank you Hopki,

let me look around the forum/youtube on how to accomplish this.

Regards,

[Hopki]

Search for object in object or object in pano.
If you get no joy I'll build a project later.
Regards,
Hopki

[Fabrik360]

Hi everyone, just wanted to know if it could be possible to use the gallery component as a Hotspot.

Thx.
Diego.

[PeterE]

Hi Hopki and others,

Thx for the gallery component, I like it but I've a question.

Is it possible to run 2 different galleries in 1 pano?
I need to make it possible to compare 2 images side by side, so both galleries have they're own forward/backward buttons but with the same images inside...
Or, is it possible to work with 2 galleries? I've tried but it doesn't seem to work, he is always looking for pictures in the same gallery I think.

I'm trying to make this, the only thing I can't find out is that the buttons seems to be linked to each other instead of working independent.
So, if I click on the forward button of 1 gallery, both galleries are counting 1 up.
However, I gave them a different ID...

Any help would be nice

Thanks already!

Best regards
Peter

[PeterE]

Hi all,

Just to tell you I've found the solution, it's working know
I forgot to make extra variables and link them to the correct gallery.

What one night sleeping and thinking can do

Best regards
Peter

[panox]

Hello Hopki,

in your video you say that it is possible to change the svg-image for the gallery-show-element. I did this but how can I start the slideshow by clicking on a hotspot? This hotspot is turning with the panning of the panorama and stays at its position while the navigation-buttons and the galley-show-hide-button is fixed.

Best regards

Harald

[Hopki]

Hi Harald,
Open and publish the attached project.
I have added a hotspot template in the skin which has the ID ht_gallery.
This has the action to change the variable, I just copied it from the show galley button.
When the hotspot is clicked the gallery will show

I also set a visible logic block for the hotspot so when the gallery is showing it hides. This is because if the hotspot is behind the gallery then you see the hotspot appear in between the gallery pictures.
Regards,
Hopki

[Hopki]

Hi Harald,
In this next project there are two ways of adding an image to the output which can be clicked to open the gallery.
Add a pinned image using the viewer. Then switch to poly hotspot viewer mode and draw a poly hotspot around it.
The poly hotspot has the ID Poly01, but this can be changed.

In the skin is a node marker that user the Hotspot Proxy ID setting has the polys ID, Poly01.
The node marker also has the action too show the gallery.

So what happens is when you click the image, you actually clicking the poly hotspot that is linked to the node marker that has the action to show the gallery.

Of you can use a point hotspot with an image and then set the hotspot template to use 3D distortion to pin it to the pano.
Regards,
Hopki

[panox]

Thank you, Martin, this was the last big step for my panotour "Museum Of Local History":

Best regards

Harald