Difference between revisions of "Template:ImageGallery"
m (Allow the URLs to be local wiki images in addition to external URLs. (It does NOT check if said image is actually uploaded to the wiki, though.)) |
m (Slightly cleaner markup.) |
||
| Line 2: | Line 2: | ||
.galleryImage | .galleryImage | ||
{ | { | ||
| − | margin: | + | margin: 75px !important; |
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
} | } | ||
| Line 13: | Line 13: | ||
|<li class="gallerybox" style="margin-right: 10px"> | |<li class="gallerybox" style="margin-right: 10px"> | ||
<div style="width: 155px"> | <div style="width: 155px"> | ||
| − | <div class="thumb" style="width: | + | <div class="thumb plainlinks" style="width: 150px; height: 150px; padding: 2.5px"> |
| − | + | {{#ifeq: {{#sub: {{#var: value}}|0|4}} | http | [{{#var: value}} <img src="{{#var: value}}" style="max-width: 100%; max-height: 100%" class="galleryImage">] | [[File:{{#var: value}}|150x150px|class=galleryImage]]}} | |
</div> | </div> | ||
|<div class="gallerytext"> | |<div class="gallerytext"> | ||
| Line 23: | Line 23: | ||
}} | }} | ||
}} | }} | ||
| − | </ul> | + | </ul><noinclude> |
| − | <noinclude> | ||
This template is a replication of the built-in MediaWiki <gallery> tag, but allowing external images as well. | This template is a replication of the built-in MediaWiki <gallery> tag, but allowing external images as well. | ||
Revision as of 05:47, 20 March 2016
This template is a replication of the built-in MediaWiki <gallery> tag, but allowing external images as well.
To utilize it, add the following to a page:
{{ImageGallery
|URL1
|COMMENT1
|URL2
|COMMENT2
...
|URLn
|COMMENTn
}}
You will need at least one URL and COMMENT combination for this to render properly. If the URL starts with http or https, it'll be assumed to be external, otherwise it'll be assumed to be local to the wiki (and must be uploaded to the wiki). If you wish to have an image in the gallery not have a comment, then just leave the COMMENT empty, but do NOT exclude the pipe symbol.
An example gallery with this template:
{{ImageGallery
|http://pixabay.com/static/uploads/photo/2014/10/10/22/07/sun-483984_640.jpg
|A sunset
|http://pixabay.com/static/uploads/photo/2012/04/26/19/47/penguin-42936_640.png
|A penguin (''beware'')
|http://pixabay.com/static/uploads/photo/2014/08/20/05/22/big-bang-422305_640.jpg
|
|2014-03-29-04.png
|I'm stealin' Temia's image, mwahaha!
}}
(Notice how the second to last URL has no comment, but the | for the comment is still needed.)
Will render as follows:
-
A sunset
-
A penguin (beware)
-
-
I'm stealin' Temia's image, mwahaha!
