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.
![](https://www.mspc.be/mastercar/code.jpg)
testpage:
www.mspc.be/mastercar/detailauto.php?id=4674
Official Answer
Replied 27 Jan 2021 11:55:14
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:
just add this to your site css file and it will show just the first thumbnail.
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
www.mspc.be/mastercar/boot_detail.php
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:
because you nested your anchor tags in a paragraph.
#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
I used
I tried your solution but that don't work
I tried also
also don't work
tried several options, but no solution
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:
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!
Thank you so much!