Page 1 of 3

EDIT: Gallery Component

Posted: Thu Aug 25, 2016 1:24 pm
by 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 2488 times
Gallery Simplex:
simplex_gallery.ggskc
(28.06 KiB) Downloaded 2148 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
Screenshot 2021-04-23 at 14.22.25.png (11.8 KiB) Viewed 18934 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
1.png (106.59 KiB) Viewed 18934 times

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

2.png
2.png (171.58 KiB) Viewed 18934 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

Re: Gallery Component

Posted: Thu Aug 25, 2016 4:26 pm
by 360Texas
Thank you Sir. Will try them out today.

Re: Gallery Component

Posted: Tue Aug 30, 2016 6:06 am
by tdd
Thx Hopki!!

Re: Gallery Component

Posted: Wed Aug 31, 2016 9:59 am
by stalwart
something else to get my teeth into - thanks Grand Gnome.....

Re: Gallery Component

Posted: Sat Sep 10, 2016 10:18 pm
by bkiter
Hello, is it possible to open another panorama inside the popup window?



Thank you.

Re: Gallery Component

Posted: Sat Sep 10, 2016 10:36 pm
by Hopki
Hi,
Yes, you would use an iFrame and use a text box rather that the external loader.
Regards,
Hopki

Re: Gallery Component

Posted: Sat Sep 10, 2016 10:52 pm
by bkiter
Thank you Hopki,

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

Regards,

Re: Gallery Component

Posted: Sat Sep 10, 2016 10:57 pm
by Hopki
Search for object in object or object in pano.
If you get no joy I'll build a project later.
Regards,
Hopki

Re: Gallery Component

Posted: Sun Sep 25, 2016 9:43 pm
by Fabrik360
Hi everyone, just wanted to know if it could be possible to use the gallery component as a Hotspot.

Thx.
Diego.

Re: Gallery Component

Posted: Wed Oct 05, 2016 3:59 pm
by 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

Re: Gallery Component

Posted: Thu Oct 06, 2016 11:08 am
by 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

Re: Gallery Component

Posted: Wed Dec 07, 2016 5:46 pm
by 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

Re: Gallery Component

Posted: Wed Jan 04, 2017 2:01 pm
by 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 :D

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

Re: Gallery Component

Posted: Wed Jan 04, 2017 6:16 pm
by 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. :roll:

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

Re: Gallery Component

Posted: Wed Jan 04, 2017 8:51 pm
by panox
Thank you, Martin, this was the last big step for my panotour "Museum Of Local History":

Best regards

Harald