Extension:SlimboxThumbs

SlimboxThumbs incorporates Christophe Beyl's fullsize image viewer Slimbox 2 into MediaWiki's thumbnails and image galleries. Stable enough to use in production (but marked as beta for some evaluation period).

When a user clicks on a thumbnailed image or an image in a gallery, the page darkens and the image is displayed full-size "on top of" the page. A caption below the image includes the image's title and a link to its description page, along with the caption on the thumbnail, if any. Clicking anywhere off the image returns everything to normal.

All thumbnails on the page, including images in galleries, are treated as being part of a slideshow, and have "previous" and "next" images. If an image is bigger than 90% of current viewport size, a respective thumbnail is shown using thumb.php.

Thanks to Alexander for creating the original Lightbox 2 version of this extension, yet the code isn't related to it anymore in any way.

This is a rewritten version of this extension which was discontinued by its original author, David Raison. Should work with MediaWiki 1.13 or a later one.

Download
The code now lives in Git. See "download" link in top of this page.

Installation
Place the SlimboxThumbs directory within the main MediaWiki 'extensions' directory. Then, in the file LocalSettings.php in the main MediaWiki directory, add the following line:

Release Notes

 * 0.0.5 - Fixed bug where pictures wouldn't be adequately resized if other image-links would be on the same page.
 * 0.1 - Included copy of Slilmbox, stylized code, added internationalization file, added settings file, renamed functions to follow MW convention and fixed several minor issues.
 * 2011-12-30 - (Vitaliy Filippov) Extension rewritten using JS instead of regexp voodoo, should work with any MediaWiki 1.13+, including 1.16 and later.
 * 2012-09-17 - (Vitaliy Filippov) Fixed several bugs (which caused the lightbox to not work fully or partially sometimes). Can be treated as stable by now.

Bugs

 * If there are multiple galleries on one page, they are treated as being part of one big slideshow.
 * (NOT CHECKED IN NEW VERSION) This extensions conflicts with the GuMaxDD skin, resulting in the skins's DropDown menu not working.

Todo

 * (What for?) Use jquery's fancybox instead of slimbox
 * Change resize width & height on window.resize