Difference between revisions of "Adaptivethumb"

From ThorstensHome
Jump to: navigation, search
(Created page with "AdaptiveThumb is a MediaWiki extension that allows you to create a thumbnail for an image that scales with the browser size.")
 
(Usage)
 
(45 intermediate revisions by one user not shown)
Line 1: Line 1:
 
AdaptiveThumb is a MediaWiki extension that allows you to create a thumbnail for an image that scales with the browser size.
 
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:
 +
 +
<pic src="http://www.linuxintro.org/images/Bash-scripting-mindmap.jpg" width=40% align=auto caption="resize your browser window and I will change my size ;)" link="http://www.linuxintro.org/wiki/BaBE_-_Bash_By_Examples" title="Yes you can define titles." border=1  />
 +
 +
You can also define pictures without a caption:
 +
 +
<pic src="http://www.linuxintro.org/images/Bash-scripting-mindmap.jpg" width=40% align=auto link="http://www.linuxintro.org/wiki/BaBE_-_Bash_By_Examples" title="Yes you can define titles." border=2 align=auto />
 +
 +
= Download instructions =
 +
Download the package here: https://github.com/tstaerk/adaptivethumb/archive/master.zip.
 +
 +
= Installation =
 +
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:
 +
<pre>
 +
require_once("$IP/extensions/adaptivethumb/adaptivethumb.php");
 +
$wgAllowExternalImages=true;
 +
</pre>
 +
 +
= Usage =
 +
To use this extension, simply put a &lt;pic&gt; tag into your mediawiki markup like this:
 +
&lt;pic src="/mindmap.jpg" width=30% align=text caption="this is a mindmap" /&gt;
 +
 +
= 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

Latest revision as of 00:05, 30 March 2020

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

Contents

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

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