Hi Inger,
just a feedback - the different ID naming of the 2 main-container didn't help. Additional ID names to the lightbox-wrapper didn't help - different class names to the lightbox wrapper didn't help. Sorry. I wonder why Frank's sample works so fine.

Hi Michael.

The project file (.rsd) in my previous post ( https://fc7777.coffeecup.com/multi-slide-set.rsd ) has three pages, s01.html, s02.html, and s03.html. I suggest that you add those three pages to your website with those names as they are referenced in the iframes.

It will be simple to do. Just make and save as a component the whole-page container from my project file's page s01.html. Then create three blank pages, naming them s01.html, s02.html, and s03.html, and insert the saved component into each of those pages.

The images from my exported project file are probably best temporarily added to your project file so that you can see the thing working, before you then switch your own images for them.

To make the slide sets fit into a half-width column, just change the dimensions of the HTML elements to width:50vw and height 36.5vw. They should still work, as you will see if you try it in my project file.

Frank

Hi Frank, I'm really an amateur - Now I can rebuild your idea - (it's far from my understanding) - and I'm starting towards handling it ... I'd like to put something into your coffe cup - please send me your paypal adress ...

Hi Michael.

Knowing that you're experimenting with my idea is more than sufficient reward. I am just a fellow amateur.

As you will have discovered, the concept is very simple: just putting each 'slide set' on a page by itself, and then displaying in iframes on another page the contents of the individual 'slide set' pages.

Frank

It took me hours to understand the concept. Really tricky. Only after I found the word "placeholder" I started to understand. I'm more the simple guy = Wysiwyg - There is one more riddle: where can I find and modify the text - under the pictures. I'm searching and sarching...

Each picture link element has a title, and Inger's component shows that title automatically under the pictures.

Modifying it is done in the Element panel of the picture link element. The Title box is there.

Frank

Whow, got it. This one is really, really ... Thanks

Very nice Frank.

Hi Frank, sorry to bother you again

Your instruction was great and I could build the good working html pages – but I rejoiced too soon
As soon as i add the lightbox construction to my grid i am lost.
I've been brooding for hours and now I'm running out of time. It would be great if you could take a look at it. The rsd file is here:. https://e.pcloud.link/publink/show?code … UNXHGzLEgy

see index page - In mobile mode I have 2 rows = one below the other = The lightbox slider and a text container. The whole thing is a grid.
In handy mode = 2 rows
in desktop mode it becomes 2 columns.
But in the browser preview the distance between the containers of the html pages is too big. (in canvas preview everything is fine – in browser preview its different = wrong).
Also, just after the breakpoint from handy to desktop (still in the index page), there is a resizing that I can't find the cause of - only a little further behind the breakpoint comes the size that is wanted.

It would also be interesting: is there another way to build something like this (wysiwyg instead of html).

If you were to use foundation framework easy peasy lemon squeezy

The magical 'ORBIT' would do the job magnificently