Posted by Zeb on 09/14/06 13:04

I've thrown together a basic javascript-driven gallery for a friend. It
uses onclick to show and hide table columns and to update the src of an
image. As you'll see by following the link below, the first column
holds a set of Gallery thumbnails, the second column holds a set of
Image thumbails and the third column holds the actual image.

http://www.zebrakorn.net/Gallery

Works great in IE, but Netscape and Firefox on Max OS are experiencing
a strange problem.

You'll see that gallery 3 has a lot more thumbnails, and I've achieved
the scrolling with a div tag that has overflow: auto and a set height.
Works great, but if you're using NS and you click on Gallery 3, a
mysterious gap appears between the second and third columns.

Continue to click on Gallery 2, Gallery 3, Gallery 2, Gallery 3 etc and
that gap will grow ever wider.

I'm assuming it's related to the scrollbar that appears. It's as though
it wides the table to accomodate the bar, but then does not decrease
the width when there is no bar. Most frustrating!

If needs be, I'll have to add prev / next links to the first and second
columns, but I'd rather not.

If anyone could shed some light on this I'd be most thankful.


Regards,

Matt

[Back to original message]