Script Summary: Expands posted images when you click on them
Version: 1.0.0 8/13/2011
The IGN Boards Image Expander will expand any posted image you click on in a thread, lightbox style. The image aspect ratio is preserved while making the image as large as possible without making you scroll. While viewing the image, you can hold down Control and Left-Click anywhere to zoom into the image at 100% size. Scrollbars will appear if the image is too big. Exiting is as easy as Left-Clicking anywhere on the screen.
Very lightweight compared to popular lightbox solutions. No slow, cheesy animation. No throbber gifs. It just shows you the picture you want to see.
Tested and working on Firefox 5 and Chrome 13. All board themes should work. IGN++ and Video Embed friendly. Pictures in signatures will be expanded. Emoticons are not expanded. Old thread URL formats won't work.
The background color of images should be the same background color used within posts (relevant for transparent images). After exiting, if the image was surrounded with a link, that link will be selected as if you had clicked it without the script on. It should also be selected at all times while viewing, so you could press Enter to follow the link. The original image that you clicked on the page will have a yellow glow while you're viewing it.
Problems:
Scrolling while zoomed-in can be a bit wonky at times. Sometimes you'll scroll the main page instead of the image. I find that middle-clicking, rather than using the scroll wheel, works best on Firefox. Don't worry about losing track of your place on the page: the script should automatically scroll so that the original image is visible after you exit.
The behavior when getting images is inconsistent. For some images, the browser won't hit the server again and, I assume, just use the same data from the original image. This is good. Other images will consistently hit the server every time they're viewed, only to be told to use the cached data. That's less good. In my testing, this was happening with min.us hosted images, but I didn't thoroughly test lots of places. No idea why it happens, but I would like to fix it if I could.
Doesn't work in PMs, post previews.
Image isn't vertically centered. Couldn't figure out a good way to do that with plain CSS. Wasn't going to use some JS hack.
