EDIT: Gallery Component

User avatar
Hopki
Gnome
Posts: 12999
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

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
Thsi 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 2388 times
Gallery Simplex:
simplex_gallery.ggskc
(28.06 KiB) Downloaded 2053 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 15548 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 15548 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 15548 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
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
360Texas
Moderator
Posts: 3684
Joined: Sat Sep 09, 2006 6:06 pm
Location: Fort Worth, Texas USA
Contact:

Thank you Sir. Will try them out today.
Dave
Pano2VR Forum Global Moderator
Image
Visit 360texas.com
tdd
Posts: 9
Joined: Mon Aug 22, 2016 6:07 pm

Thx Hopki!!
User avatar
stalwart
Posts: 651
Joined: Thu Oct 02, 2008 11:52 am

something else to get my teeth into - thanks Grand Gnome.....
bkiter
Posts: 90
Joined: Mon May 09, 2016 1:36 pm

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



Thank you.
User avatar
Hopki
Gnome
Posts: 12999
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
Yes, you would use an iFrame and use a text box rather that the external loader.
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/
bkiter
Posts: 90
Joined: Mon May 09, 2016 1:36 pm

Thank you Hopki,

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

Regards,
User avatar
Hopki
Gnome
Posts: 12999
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Search for object in object or object in pano.
If you get no joy I'll build a project later.
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/
Fabrik360
Posts: 11
Joined: Mon Jan 18, 2016 11:18 am

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

Thx.
Diego.
PeterE
Posts: 15
Joined: Mon Jul 25, 2016 6:31 pm

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
Posts: 15
Joined: Mon Jul 25, 2016 6:31 pm

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
User avatar
panox
Posts: 305
Joined: Mon Mar 12, 2007 11:03 pm
Contact:

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
User avatar
Hopki
Gnome
Posts: 12999
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

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
Attachments
gallery.zip
(113.19 KiB) Downloaded 856 times
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: 12999
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

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
Attachments
gallery_2.zip
(173.66 KiB) Downloaded 792 times
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
panox
Posts: 305
Joined: Mon Mar 12, 2007 11:03 pm
Contact:

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

Best regards

Harald
Last edited by panox on Thu Nov 02, 2017 11:01 am, edited 1 time in total.
Post Reply