Point to Exactly slide when click on the image link

Design help Custom code
1

I am working a website project that is a website for the NGO Donation Community. One of the page has four pictures (Pic A, Pic B, Pic C and Pic D). When I click on one of the picture link it will popup a as a Slider that will loop automatically from Slide A to Slide D, May I know any way can exactly point to the related slide(Pic A point to Slide A, Pic B point to Slide B, etc…)? I don’t want to start from Slide A when click on all the Pic A to D)

Below is the share link:
https://preview.webflow.com/preview/nrf?preview=0ee53de0f3b34d97372b4956b01312932

Could you have some suggestion? or give me a hand?

Thank you very much for your help!

(If something mention unclear, please let me know.)

2

Have you tried using a Lightbox?

3

Do you mean using the Lightbox element, then put the Slider into the Lightbox? Not quite understand how and what to do? Could you explain more how to do it? Thanks!

4

I mean use a lightbox instead of a slider. If you group the lightboxes with the same group name, they get linked together and there will be prev/next buttons like a slider (but in a lightbox).

Opening a linked lightbox will open up the lightbox AND scroll/display the current clicked item.

5

If I want to put the slider container replace the image, could I do that? Because I don’t just put the image, I have some text and layout want to show from the slider.

Could you replace to Slider? or I can use Lightbox to show my layout adding some text similar my layout?

Please help. Thanks!

6

Oh, in that case you have to use the slider. Lightbox is quite limited in it’s features.

7

Your share link doesn’t work, and you also need to provide your published link.

See Posting Guidelines for the Code Help Category

8

Please see the share link below:
https://preview.webflow.com/preview/nrf?preview=54b3ca04b58bf897a1e03158a8080f39

Thanks!!