{"id":2202,"date":"2013-01-23T19:33:48","date_gmt":"2013-01-23T19:33:48","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2013\/01\/23\/image-gallery-wiki-code\/"},"modified":"2021-08-16T23:23:47","modified_gmt":"2021-08-17T03:23:47","slug":"image-gallery-wiki-code","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/mediawiki\/image-gallery-wiki-code\/","title":{"rendered":"Creating an Image Gallery in MediaWiki"},"content":{"rendered":"

Along with adding images in your MediaWiki articles, you can also add an image gallery to you MediaWiki page. Formatting the image gallery<\/a> in MediaWiki is a little different than formatting individual images. For information on how to insert images into MediaWiki pages, please see our tutorial on How to insert images into MediaWiki<\/a>. The image below is a small snapshot of what the image gallery looks like.<\/p>\n

\"Preview<\/a>\n
<\/div>\n<\/div>\n

Next we will discuss the basics of the MediaWiki Image Gallery properties and parameters.<\/p>\n

Image Gallery Image properties<\/h2>\n

Below is a snippet of what the code looks like for the image gallery. To have a gallery show on your site, you simply start your code with the <gallery><\/span> tag, add images one after another, and end with the <\/gallery> tag<\/span>.<\/p>\n

<gallery> File:Example|caption File:Example|caption File:Example|caption File:Example|caption <\/gallery><\/pre>\n
Each image can have its own parameters such as Italic caption, external link and so forth. Below are a list of some of the options available for formatting your image gallery images.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n
MediaWiki code for image gallery properties<\/th>\n<\/tr>\n
Caption:<\/th>\n\n
File:Example1.png|caption<\/pre>\n<\/td>\n<\/tr>\n
Italic Caption:<\/th>\n\n
File:Example2.png| ''Caption in Italics''<\/pre>\n<\/td>\n<\/tr>\n
Bolded Caption:<\/th>\n\n
File:Example3.png| '''Bolded Caption'''<\/pre>\n<\/td>\n<\/tr>\n
External link:<\/th>\n\n
File:Example4.png|caption [https:\/\/wikipedia.org Wikipedia]<\/pre>\n<\/td>\n<\/tr>\n
Internal Link:<\/th>\n\n
File:Example5.png|caption [[Your Wiki Page]]<\/pre>\n<\/td>\n<\/tr>\n
External Image link:<\/th>\n\n
File:Example6.png|caption|link=https:\/\/google.com<\/pre>\n<\/td>\n<\/tr>\n
Internal Image Link:<\/th>\n\n
File:Example7.png|caption|link=Help:Contents<\/pre>\n<\/td>\n<\/tr>\n
Adding Alt text:<\/th>\n\n
File:Example8.png|caption|alt=MediaWiki Image Gallery image<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Image Gallery Parameters<\/h2>\n
Similar to the individual properties, the gallery parameters allow some formatting that apply to the entire gallery in general. For example, if you want all your images to be 100 pixels, you can use the widths= parameter to set all images to the specific size. Below is an example of how this works.<\/p>\n
<gallery {parameter1} {parameter2} {parameter3}>
File:Example|caption <\/gallery><\/pre>\n
Below is a brief description of what each parameter does.<\/p>\n