Extension:HoverGallery

From MediaWiki.org
Jump to: navigation, search
MediaWiki extensions manualManual:Extensions
Crystal Clear action run.png
HoverGallery

Release status:Extension status beta

HoverGallery.jpg
ImplementationTemplate:Extension#type Tag, Skin
DescriptionTemplate:Extension#description Adds <hovergallery> tags that create galleries like the standard ones, except that when the mouse hovers over the thumbnails, the full-size images are displayed.
Author(s)Template:Extension#username Felipe Schenonetalk
Latest versionTemplate:Extension#version 0.5 (2016-08-02)
MediaWikiTemplate:Extension#mediawiki 1.25+
PHPTemplate:Extension#php 5.3+
Database changesTemplate:Extension#needs-updatephp No
LicenseTemplate:Extension#license GNU General Public License 3.0 or later
Download
ExampleTemplate:Extension#example http://www.auslandssemester-bali.de/Gili_Island_und_Lombok_Speedboat
TagsTemplate:Extension#tags
<hovergallery>
Hooks usedTemplate:Extension#hook
BeforePageDisplayManual:Hooks/BeforePageDisplay
ParserFirstCallInitManual:Hooks/ParserFirstCallInit

Translate the HoverGallery extension if it is available at translatewiki.net

Check usage and version matrix.

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

Installation[edit]

  • Download and place the file(s) in a directory called HoverGallery in your extensions/ folder.
  • Add the following code at the bottom of your LocalSettings.php:
    wfLoadExtension( 'HoverGallery' );
    
  • YesY Done - Navigate to Special:Version on your wiki to verify that the extension is successfully installed.

Usage[edit]

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>