Template:GallerySimple
Purpose & Usage
This is a template to add images to the pages under Category:Configuration Settings more simply than by using the standard Gallery template. Performs a clear to force content to appear directly below floating content as well as the caption text aligned underneath the image.
- parameter img is the link to the image. It may be hosted locally (e.g. Image:MyImage.jpg) or externally (e.g. https://copy.com/1tY1UA6B0lhN83Ch).
- parameter caption is the caption.
- parameter id is the id for the gallery on the page. Images with the same id get placed in the same gallery. Change the id to separate galleries.
- parameter width is the width of the image thumbnails.
Since it floats left, it is best to call the clear template afterwards.
Differences from HigslideGallery plugin:
- HigslideGallery requires a different format for external images
- HigslideGallery doesn't glow
- HigslideGallery doesn't add the caption text underneath the image
Examples
This example demonstrates associating images with the same gallery versus not as well as how using {{clear}} can change the layout either way. Code:
{{GallerySimple|id=someGalleryName|img=File:TESV-2015-05-28-15-24-44-93.jpg}}
{{GallerySimple|id=someGalleryName|img=File:TESV-2015-05-28-15-21-58-77.jpg}}
{{clear}}
{{GallerySimple|img=File:TESV-2015-05-28-15-24-44-93.jpg}}
{{GallerySimple|img=File:TESV-2015-05-28-15-21-58-77.jpg}}
{{clear}}
{{GallerySimple|img=File:TESV-2015-05-28-15-24-44-93.jpg}}
{{clear}}
{{GallerySimple|img=File:TESV-2015-05-28-15-21-58-77.jpg}}
{{clear}}
Result:
Without using {{clear}} allows thumb images to be side-by-side. Associating both with the same gallery also allows them to be viewed in a single Highslide Gallery.
Without using {{clear}} allows thumb images to be side-by-side, but they each use an independent Highslide Gallery.
Using {{clear}} causes thumb images to be stacked, and they each use an independent Highslide Gallery.
Code:
{{GallerySimple|img=https://stepmodifications.org/wikidev/images/b/be/TESV-2015-05-28-15-24-44-93.jpg|caption=something}}{{GallerySimple|img=https://stepmodifications.org/wikidev/images/b/be/TESV-2015-05-28-15-21-58-77.jpg|caption=something else}}
Result:
something
something else
Code:
{{GallerySimple|id=bShadowsOnGrass|width=250|img=File:TESV-2015-05-28-15-24-44-93.jpg|caption=''bShadowsOnGrass=0''}}
{{GallerySimple|id=bShadowsOnGrass|width=250|img=File:TESV-2015-05-28-15-21-58-77.jpg|caption=''bShadowsOnGrass=1<br />(Default)''}}
{{clear}}
Result:
