MediaWiki extensions manual

HoverGallery Release status: betaCategory:Beta status extensions
Implementation	Tag Category:Tag extensions, Skin Category:Skin extensions
Description	Adds ‎<hovergallery> tags that creates galleries exactly like the standard ones, except that when the mouse hovers over the thumbnails, the full-size images are displayed.
Author(s)	Sophivorustalk
Latest version	1.2 (2020-10-27)
MediaWiki	1.25+Category:Extensions with manual MediaWiki version
PHP	5.3+
Database changes	No
License	GNU General Public License 3.0
Download	Download extension Git [?]: Browse repository (GitHub) Gerrit code review Git commit log Download source tarball Category:Extensions in Wikimedia version control
Example
Tags ‎<hovergallery>
Hooks used BeforePageDisplay Category:BeforePageDisplay extensions ParserFirstCallInit Category:ParserFirstCallInit extensions
Quarterly downloads	11 (Ranked 90th)
Translate the HoverGallery extension if it is available at translatewiki.net

The HoverGallery extension adds ‎<hovergallery> tags that creates galleries exactly like the standard ones, except that when the mouse hovers over the thumbnails, the full-size images are displayed.

Installation

• Download and move the extracted HoverGallery folder to your extensions/ directory.
  Developers and code contributors should install the extension from Git instead, using:cd extensions/
git clone https://gerrit.wikimedia.org/r/mediawiki/extensions/HoverGallery
• Add the following code at the bottom of your LocalSettings.php file:

  wfLoadExtension( 'HoverGallery' );
  

• Done – Navigate to Special:Version on your wiki to verify that the extension is successfully installed.

Usage

The ‎<hovergallery> tags are used exactly like the <gallery> tags. To create a basic hover gallery, simply write:

<hovergallery>
Image:abc.jpg
Image:xyz.jpg
</hovergallery>

By default, when the mouse hovers over a thumbnail, the full image is shown. But the full image may sometimes be too big, so there are two optional parameters, maxhoverwidth and maxhoverheight, that limit the max width and height of the full image. An example using those parameters would be:

<hovergallery maxhoverwidth=800 maxhoverheight=800>
Image:abc.jpg
Image:xyz.jpg
</hovergallery>

All the standard gallery parameters are still available, for example:

<hovergallery mode=packed caption="This is a hover gallery">
Image:abc.jpg
Image:xyz.jpg
</hovergallery>