Member Avatar for cambridge77

Added a image set with lightbox. I think all the paths are correct, but the thumbnails are showing! the lightbox itself works fine.
Any ideas?

  • 2 Contributors
  • 1 Reply
  • 110 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by Member #601248

Dani AI

Generated

A few focused checks and quick fixes that solve this exact symptom.

The lightbox opening correctly means your markup and image paths are mostly OK, so the visible thumbnails are a display/markup issue rather than a broken lightbox script. 's example shows the style you probably want: only a single trigger or no visible thumbs while the gallery still navigates inside the overlay. Try the steps below in order.

Checklist (fast diagnostics)

  • Inspect the DOM with browser devtools to see where the visible thumbnails are coming from (which element/class and which file supplies the src).
  • Confirm which lightbox library/version you use (older Lightbox uses rel="lightbox[...] while Lightbox2 uses data-lightbox="name"). The attribute name changes how the gallery is gathered.
  • Ensure CSS and JS for the lightbox are actually loading (script order matters: jQuery first, then the plugin). If CSS is missing the overlay may still work but page thumbnails remain unstyled.

Two practical fixes

  • Keep only one visible trigger and put the rest of the gallery anchors in a hidden container so the plugin can build the gallery but users won't see the thumbs:
<a href="images/large1.jpg" data-lightbox="residential">Open gallery</a>

<div style="display:none;">
  <a href="images/large1.jpg" data-lightbox="residential"></a>
  <a href="images/large2.jpg" data-lightbox="residential"></a>
  <a href="images/large3.jpg" data-lightbox="residential"></a>
</div>
  • Or, if thumbnails are generated by your theme/plugin, disable that thumbnail output or hide it with a targeted rule:
.gallery-thumbs { display:none; }

References and cautions

  • Check the lightbox docs for the exact attribute and grouping your version expects (Lightbox2 docs are a good reference).
  • Use the HTML validator or devtools to spot stray markup (unclosed anchors or duplicated loops can output thumbnails unintentionally).
Member Avatar for Member #601248

I don't get what is your problem?? You don't want the thumbnails to be shown or what??
I can see all the pics that are listed inside the image set. If you don't want to show all of the thumbnails check out what I did with this gallery

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.