Linking HTML Iframes to a Lightbox

Ask the community
1

I am trying to create a grid gallery of different products, that when an image is clicked, a lightbox opens. I have 360 degree views that I would like to open in the Lightbox that I have html iframes for

Before I go too far into trying to create this I have a few questions.

If I have a gallery of images, is it posible to link them individually to open up in one Lightbox, that will keep the same properties and position on the page? Or do I need to create a Lightbox for each product?

Is it also posible to embed an HTML Iframe link so that when the image is clicked it will open the 360 view I have of it in the Lightbox? If so where can I do this?

If you are able to offer some advice on how to achieve this it would be much appreciated.

2

You can try to search for a very similar post, which was already solved here, regarding the usage of 360° photogallary-feature.

The postopener had a very similar idea, to yours.

  1. Yes you can load each item out of the GALLERY into your GALLERY inside your LIGHTBOX.
  2. Yes, you even can manually crete an “GALLERY-OBJECT” and feed your GALLERY on your LIGHTBOX with this manually created DATA.
  3. You also can get DATA directly out of your DATABASE and again feed your GALLERY with this data on your LIGHTBOX-GALLERY.

If you can do it just by using a dataset? → I am not sure!
If you can do it by using some special CODE ? → Yes, you can.

  1. You also can use an HTM-COMPONENT (iFrame) for your purposes → YES.
  2. You even can create your own specific GALLERY when using a CUSTOM-ELEMENT and do what ever you want on/with it.
  3. Yes, you can load LINKS into your HTML-Component.
3

Thanks Velo-Ninja for the reply.

I have very little coding knowledge.
Do you have any advice as to what special CODE is required and where to start?

4

I can’t provide you a READY-2-GO-SOLUTION (because this would take a lot of programming time), but what i can do is to show you where to find useful informations…

  1. https://www.wix.com/velo/forum/coding-with-velo/how-to-add-360-images-to-a-repeater-in-wix
  2. https://www.wix.com/velo/forum/coding-with-velo/how-to-publish-a-360-virtual-tour-project-in-wix
  3. https://www.wix.com/velo/forum/coding-with-velo/how-to-embed-a-360-image-in-html-box-from-db
  4. https://www.wix.com/velo/forum/coding-with-velo/plugin-for-product-customization-3d-360-degree-and-save-to-image-in-db
  5. https://www.wix.com/velo/forum/coding-with-velo/is-it-possible-to-add-interactive-360-spin-images-for-product-photos-in-the-wix-store
  6. https://www.wix.com/velo/forum/coding-with-velo/i-d-like-to-connect-html-iframe-with-wix-database-for-360-photo-sharing
  7. https://www.wix.com/velo/forum/coding-with-velo/embed-html-embed-into-a-repeater

Not every of the shown link will be 100% useful (some are older posts, some are newer ones), but maybe you will find some hints there.

To be able to help you more, more details are needed.

What i can tell immediatelly - - > you will need some custom generated and specific CODE to realize your wished function.

5

Thanks very much for your help. I will take a look at the links above and see how far I get!!!

6

Thank you, I shall take a look at these and see how far I get!!!