App Connect Lightbox Support Product Page

Answered

1 thumbnail, gallery of pictures

Asked 26 Jan 2021 15:16:42
1
has this question
26 Jan 2021 15:16:42 Vivian Eersels posted:
I want to click on 1 photo with the lightbox and then all the photos will appear from the gallery.
I use dynamic data for this,
I have tried different ways but can't get it done yet ..
I did the top rows of photos via the tutorial, that works.

But I only want to see 1 photo and everything in the lightbox.



testpage:

www.mspc.be/mastercar/detailauto.php?id=4674

Official Answer

Replied 27 Jan 2021 11:55:14
QuoteI used
repeatFoto > :not
I tried your solution but that don't work
I tried also
foto p:not


these selector make no sense. They are wrong.

I see that now you have changed your page structure ... so the CSS selector must be different...

p#foto > a:not(:first-child) {
    display: none;
}



Replies

Replied 27 Jan 2021 07:32:40
27 Jan 2021 07:32:40 Teodor Kuduschiev replied:
Hello,
You can do this with a line of CSS:


#repeatFoto>a:not(:first-child) {
    display: none;
}


just add this to your site css file and it will show just the first thumbnail.
Replied 27 Jan 2021 09:08:19
27 Jan 2021 09:08:19 Vivian Eersels replied:
Thank you! works fine!
Replied 27 Jan 2021 09:27:36
27 Jan 2021 09:27:36 Vivian Eersels replied:
One question, how can I do it for static images?

I tried the same css, but that don't work

 <td colspan="6" align="center" id="repeatFoto"><p><a href="foto/2a.jpg" dmx-lightbox:fotos=""><img src="foto/2a.jpg" height="100" alt=""/></a><a href="foto/2b.jpg" dmx-lightbox:fotos=""><img src="foto/2b.jpg" width="133" height="100" alt=""/></a><a href="foto/2c.jpg" dmx-lightbox:fotos=""><img src="foto/2c.jpg" width="133" height="100" alt=""/></a><a href="foto/2d.JPG" dmx-lightbox:fotos=""><img src="foto/2d.JPG" width="134" height="100" alt=""/></a></p></td> 



www.mspc.be/mastercar/boot_detail.php
Replied 27 Jan 2021 10:00:30
27 Jan 2021 10:00:30 Teodor Kuduschiev replied:
Yes you can do that but for this code the CSS selector will be different:

#repeatFoto p>a:not(:first-child) {
    display: none;
}


because you nested your anchor tags in a paragraph.
Replied 27 Jan 2021 10:30:38
27 Jan 2021 10:30:38 Vivian Eersels replied:
that don't work
Instead of
repeatFoto>a:not

I used
repeatFoto > :not


I tried your solution but that don't work

I tried also


foto p:not


also don't work
tried several options, but no solution
Replied 27 Jan 2021 11:55:14
27 Jan 2021 11:55:14 Teodor Kuduschiev replied:
QuoteI used
repeatFoto > :not
I tried your solution but that don't work
I tried also
foto p:not


these selector make no sense. They are wrong.

I see that now you have changed your page structure ... so the CSS selector must be different...

p#foto > a:not(:first-child) {
    display: none;
}



Replied 27 Jan 2021 12:17:59
27 Jan 2021 12:17:59 Vivian Eersels replied:
Yes! It works!

Thank you so much!

Reply to this topic