I recently purchased jAlbum and have started using the Tiger theme, with a number of CSS tweaks. The one thing I haven't yet figured out is how to increase the spacing between the images on the lightbox thumbnail strip. It is a very thin black separator, and I would prefer it to be wider.

Any advice on adding a CSS snippet to fix that? Here is an example album of mine...

https://www.sublimephoto.com/exhibit/2022/de22-gengenbach/

Thanks for any help!

-Mike

Edited by: mmander on 31 Aug 2026, 16:29

Thank you so much Jeff! That is exactly what I was looking for. Cheers!

-Mike

Sorry, but one more question. Not a huge issue perhaps, but with the wider spacing, if I use the right arrow to scroll the row of thumbnails, it will eventually get to a black one at the right edge. It doesn't seem to preload enough, or quickly enough? Even with the default 1 pixel spacing, if I hit the "END" key on the keyboard to scroll to the end quickly, I get a row of black thumbnails - it does not seem to refresh.

So one more question would be if there is any easy way to preload all the thumbnails so one doesn't run into the blank thumbnail glitch? Could this also be a simple CSS patch, or might it be more involved?

Added: Or maybe if the left/right scroll arrows were to move the thumbnail strip a little less, that could solve it too? Maybe that would be a simpler patch?

-Mike

Edited by: mmander on 31 Aug 2026, 19:20

Edited by: mmander on 31 Aug 2026, 19:23

Edited by: mmander on 31 Aug 2026, 19:24

I'm seeing the black thumbnails on his site, so viewing locally isn't the issue.

I'll have to leave this one to Laza, since it's not a CSS thing. This must be coming from the skin's Javascript, which is a dark and scary place.

ETA: And I see the same thing with the default thumbnail margins, so it's not related to the spacing tweak we've done.

Thanks for the testing guys. I am not super concerned about the end key situation (jumping right to the last page of thumbnails), but I am still wondering if there is a way to reduce the amount that the thumbnails scroll when an arrow button is clicked. I feel as though just scrolling by two or three less images might be enough to allow them to load? In fact, when I view the gallery on my iPad Mini vertically, there are fewer thumbnails showing and the blank thumbnail issue is not as bad as when I rotate it horizontally where the screen is wider.

I also wonder if the mix of verticals to horizontals makes a difference since the more vertical format images there are, the more thumbnails fit on the screen. Maybe that is the culprit if people see some inconsistent behaviour in their own galleries?

I know I can right arrow (keyboard) scroll through the images as fast as possible and the thumbnails always load. In any case, this is not a huge issue since I default my galleries to not show thumbnails anyway, although at some point it would be nice if it were addressed somehow.

-Mike