When using the Lightbox v2 module, the image container width is incorrectly calculated. See http://www.metsolution.com/drupal/clients/gallery/ambient or http://www.stellapowerdesign.net/image/tid/19. The space between the picture and the edge of the container on the right side is too much. It appears that the width is being calculated incorrectly in lightbox.js (it isn't just a css issue). The width returned for element.style is always too big and I wasn't able to resolve this issue via simple CSS hacks.

Comments

stella’s picture

stella commented

This is actually a problem with the jQuery 1.1.x library. The fadeIn() function used to display the image in the lightbox changes the image div to be a "block" element rather than "inline". There is no good workaround for this. Changing it to "inline" after the fadeIn() call causes the image to noticeably "jump" as the image position is changed. I decided that it was less annoying to have the border widths incorrect than having the images move. A google search on the web returns a number of sites that report this problem.

However, this is not an issue with jQuery 1.2.x and so this issue doesn't occur with the 6.x version of the module.

Cheers,
STella

stella’s picture

stella commented
Status: Active » Closed (won't fix)

Marking as "won't fix" - it's not that I refuse to fix it, it's just a problem with the jQuery library that I can't resolve. If you can find a suitable workaround that doesn't cause the image to "jump", then please re-open this issue and provide a patch.

Cheers,
Stella