|
|
Posted by Jonathan N. Little on 09/14/06 15:05
Zeb wrote:
> 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.
A tip, when things work oddly look for a error.
table cell "Gallery03" contains a DIV which has an invalid closing tag
"</div"
Rather than display and hide table cells "Gallery01"-"Gallery03" where
the browser has to recalculate the number of columns (I know the end
result stays static but your script does initialize by removing them
all) and put the three gallery DIVs within the 2nd TD and make them
"Gallery01"-"Gallery03". Better yet dump the table all together and have
3 separate DIVs with your lists of thumbs, float them left and if
viewport not wide enough instead of scrolling horizontally to see the
full-size image it will slip under the thumbnail selectors.
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
[Back to original message]
|