This issue is no longer happening.

There is not a Jira issue for the Gallery relating to this bug.
http://jira.sakaiproject.org/jira/browse/GAL-74

Assuming that a server implementation is put in and that thumbnails are generated of an appropriate size (i.e. 140x100px), then this bug should go away.

Eli noted that:
> ...this is an Image Gallery bug... we need to generate (probably alongside Resources) real thumbnails.

I agree.

However, the lightbox standalone demo, which can be seen on our daily build server (http://build.fluidproject.org/sakai-imagegallery-tool/component-templates/html/Lightbox.html), is also using full size images instead of actual thumbnails. It should use real thumbnails as well. And, since that demo is completely outside of the gallery tool, it falls to us to make suitable thumbnails for it.

To see this problem more clearly, modify Lightbox.css so:

.image-inner-container{
height: 100px;
width: 140px;
background-color: #eee;
overflow: scroll; /* <-- changed from "hidden" */
margin: 0 auto 3px auto;
}

Some more insight into this problem:

• Before focus, the thumbnail shown is the top of the "full" thumbnail image. (i.e. bottom portion is cropped)

• After focus, the thumbnail shown is the bottom half of the "full" thumbnail image. (i.e. top portion is cropped)

• Right-clicking on the thumbnail and "View Image" reveals that the thumbnail is actually bigger than the image being rendered in the Lightbox (i.e. the thumbnail shown is actually a crop of the full thumbnail).

Thoughts:

• would providing a pre-cropped version from the server solve this problem?

• Is there any way to crop the thumbnail on the client instead? (without having to resort to Javascript).