Revision as of 13:46, 1 January 2021

AdaptiveThumb is a MediaWiki extension that allows you to create a thumbnail for an image that scales with the browser size.

What can this extension do?

This extension allows you to show images that scale with the browser window. Find an example below:

resize your browser window and I will change my size ;)

You can also define pictures without a caption:

Download instructions

Download the package here: https://github.com/tstaerk/adaptivethumb/archive/master.zip.

Installation

I tested the installation with mediawiki version 1.21 and 1.34. For 1.34, I had to use the newer method wfLoadExtension which was not the case with 1.21.

mediawiki version 1.34 and newer

Follow https://www.mediawiki.org/wiki/Extension:AdaptiveThumb

mediawiki version 1.21 and older

To install this extension, in this example for Linux, unpack it to the $IP/extensions folder:

extensions# unzip master.zip

A new folder $IP/extensions/adaptivethumb will be added. Make sure its owner:group is www-data:www-data or whatever you apache is running as:

extensions# chown -R www-data:www-data adaptivethumb

Add the following to LocalSettings.php:

require_once("$IP/extensions/adaptivethumb/adaptivethumb.php");
$wgAllowExternalImages=true;

Usage

To use this extension, simply put a <pic> tag into your mediawiki markup like this:

<pic src="/mindmap.jpg" width=30% align=text caption="this is a mindmap" />

Pages

Download, Code, Bugreporting here: https://github.com/tstaerk/adaptivethumb

adaptivethumb@mediawiki: https://www.mediawiki.org/wiki/Extension:AdaptiveThumb

See also

• http://stackoverflow.com/questions/27973362/how-do-i-scale-an-images-width-to-a-percentage-of-the-window-with-mediawiki
• http://stackoverflow.com/questions/9078157/is-there-a-way-automatically-to-resize-mediawiki-images-depending-on-screen-size
• http://www.staerk.de/thorsten/Writing_mediawiki_extensions