how to add 360 images to a repeater in Wix

Ask the community
,
1

Please help with
how to add 360 images to a repeater in wix
and further want to load 360 panoramic images from data set to Wix Pro Gallery in Lightbox

explainer video link through google drive https://drive.google.com/file/d/1xqq1pMWFpDZP6Dh6LElGoJr44MnDSL8V/view?usp=sharing

Thanks in advance
Sameer Bhargava

2

The question is not clear enough.
Please elaborate + add mock-up screens to make it clearer.

3

Hi

I have created a short explainer video, which will help in understanding my question, to guide me - Thanks in advance

Video link through google drive https://drive.google.com/file/d/1xqq1pMWFpDZP6Dh6LElGoJr44MnDSL8V/view?usp=sharing

4

https://codingdeekshi.com/jquery-360-degree-panorama-image-full-screen-view-in-browser-using-html5-and-javascript/

https://codepen.io/srwebdev5515/full/NXKWEz

5

Brother thanks for sharing but how to use 360 images with wix repeater and with Wix Pro Gallery, mapping all store information from content manager

6

Hi, sorry for the late answer (I was on vacation w/o a computer).
If I understand you correctly you want to pass the id of the clicked repeater item to the lightbox and then filter the dataset on the lightbox to show the same item images. Right?
So, do something like this:

//parent page
import wixWindow from 'wix-window';
$w.onReady(() => {
 $w('#image1').onClick(event => {
  wixWindow.openLightbox('LightboxName', {id: event.context.itemId})
  })
})

//Lightbox
import wixWindow from 'wix-window';
import wixData from 'wix-data';
const itemId = wixWindow.lightbox.getContext()?.id;
$w.onReady(() => {
 if(itemId){
  $w('#dataset1').onReady(() => {
  $w('#dataset1').setFilter(
    wixData.filter().eq('_id', itemId)
   );
      })
   }
})
7

JJ thanks for the reply, no that’s I have already done.

I want to know how we can add 360 paranomic image in repeater and wix pro gallery.

Example of 360 paranomic https://360.advertising.care/loksamvad_jkk/

8

I doubt you can do it with pure Wix elements.
You can do it wix by creating a repeater of your own using custom element.
Pass the image URL’s to custom element and use the code that Ninja posted to display the 360 deg image.
To do that you need to know basic html, css and js (in order to write the custom element file).
See:

https://support.wix.com/en/article/velo-about-custom-elements
https://www.wix.com/velo/reference/$w/customelement/on