Template:GallerySimple

From Step Mods | Change The Game

Forum Topic

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:


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:

See Also