blueimp / Gallery

blueimp Gallery is a touch-enabled, responsive and customizable image & video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support and on-demand content loading.
https://blueimp.github.io/Gallery/
Other
3.75k stars 984 forks source link

duplicate images in gallery thumbnails #263

Open codecompagnons opened 2 years ago

codecompagnons commented 2 years ago

Schermafbeelding 2021-09-29 om 17 23 16

Hi, I get duplicates images in the gallery. See screenshot. Any idea what this issue can be?

Many thanks in advance!

blueimp commented 2 years ago

Hi @codecompagnons, unfortunately it's not possible to know from just a screenshot. Do you have a publicly accessible url for your Gallery?

codecompagnons commented 2 years ago

Hi @blueimp Thanks for the fast reply. Yes, https://www.franceestateservices.com/nl/aanbod/occitanie/gard/molieres-sur-ceze/Huis/61dfe8e4-39f2-47ef-9744-c1052f29350d/ Remarkable: the duplicate images are the images visible in mobile view. The 3 under the larger image

blueimp commented 2 years ago

Thanks for sharing the link.

I looked at your source code and the reason you see thumbnails multiple times is because they are listed multiple times as links. e.g. in your id="links" container, you find two occurrences of a link with href="/media/3_5qTXUQe.jpg", both wrapping an img tag with the same src="/media/3_5qTXUQe.jpg".

To solve this, you might want to look into link grouping: https://github.com/blueimp/Gallery#container-ids-and-link-grouping

codecompagnons commented 2 years ago

Thanks! Going to check this out. I let you know if it worked.

Thanks again!

sebastian-marinescu commented 1 year ago

@codecompagnons I just checked your link - it seems you got it working?