Extension:SlimboxThumbs

From MediaWiki.org

             

Manual on MediaWiki Extensions
List of MediaWiki Extensions

SlimboxThumbs Release status: beta
Implementation	Skin, User interface
Description	Displays full-size images with Slimbox 2 when clicking on thumbnails.
Author(s)	KwisatzTalk
Last Version	0.0.5 (16 July 2009)
MediaWiki	1.11-1.15.1
License	CC BY-NC 3
Download	SlimboxThumbs.php
Example	HackerSpace.lu Location page
Hooks used BeforePageDisplay
check usage (experimental)

Contents 1 Description 1.1 Bugs 1.2 Todo 1.3 Release Notes 1.4 Props 2 Installation

[edit] Description

SlimboxThumbs incorporates Christophe Beyl's fullsize image viewer Slimbox 2 into MediaWiki's thumbnails and image galleries.

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.

Images in galleries are treated as being part of a slideshow, and have "previous" and "next" images.

[edit] Bugs

• If there are multiple galleries on one page, they are treated as being part of one big slideshow.

[edit] Todo

• Set resize height according to browser height
• Load javascript (jquery) only on pages with galleries
• Change resize width & height on window.resize()
• Convert code to object-oriented-code

[edit] Release Notes

• 0.0.5 - fixed bug where pictures wouldn't be adequately resized if other image-links would be on the same page.

[edit] Props

Thanks to Alexander for creating the original Lightbox 2 version of this extension.

[edit] Installation

1. Create a slimbox2 directory inside your extensions directory.
2. Copy SlimboxThumbs.php and save into your extensions/slimbox2/ directory.
3. Download Slimbox 2 and place it inside extensions/slimbox2/ on your server.
4. Edit LocalSettings.php:
   1. Specify where you've put Slimbox's css/ and js/ directories with:
      $slimboxThumbsFilesDir = '/path/to/SlimboxThumbs';
      (the extension will expect to find the css/ and js/ directories inside there).
5. Supply a default width for your images with:
   $slimboxDefaultWidth = 680;
6. After that, add the usual line to bring in the extension:
   include_once "$IP/extensions/slimbox2/SlimboxThumbs.php";