How To Display Images on a Wiki Page

Inserting images in visual editor is quite simple: select Insert > Images and media and follow the onscreen instructions.

Insert menu link

Select a file

Preview and confirm

Adjust parameters

Advanced settings

Image is inserted

There is a special syntax for inserting images if you prefer to work with wiki markup rather than in VisualEditor. It allows to set look and feel, size, alignment, position, caption of your image, link it to an arbitrary page or URL.

Example:

[[File:Insert image. VisualEditor. Set properties.png|Example of the centered image thumb with a caption. Image is linked to the help page about images on MediaWiki site.|thumb|center|link=https://www.mediawiki.org/wiki/Help:Images]]

Result:

Example of the centered image thumb with a caption. Image is linked to the help page about images on MediaWiki site.

You can find additional details and more examples here.

Rendering a gallery of images in a wiki

Sometimes you may want to display a series of image previews. We call it Gallery. To create a gallery in visual editor, choose Insert > Gallery and follow the onscreen instructions.

Insert menu link

Select files

Configure the gallery

Markup explanation can be found here.

Slideshow in a wiki

You can create a slideshow simply by selecting the Slideshow display mode in gallery settings.

Make sure to check out our other MediaWiki blog articles that contain various wiki tutorials and more!