Template:GallerySimple: Difference between revisions
(Created page with "<includeonly><div class="gallery">{{#ifexist:{{{img}}}| [[{{{img}}}|{{{width|180}}}px|highslide={{{id}}}:{{{caption|}}}]]| {{#hsimg:GALLERY{{{id}}}|{{{width|180}}}|{{{caption|...") |
mNo edit summary |
||
(8 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<includeonly><div class="gallery">{{#ifexist:{{{img}}}| | <includeonly><div class="gallery text-break">{{#ifexist:{{{img}}}| | ||
[[{{{img}}}|{{{width|180}}}px|highslide={{{id}}}:{{{caption|}}}]]| | [[{{{img}}}|{{{width|180}}}px|highslide={{{id}}}:{{{caption|}}}]]| | ||
{{#hsimg:GALLERY{{{id}}}|{{{width| | {{#hsimg:GALLERY{{{id}}}|{{{width|208}}}|{{{caption|}}}|{{{img}}} }}{{#if:{{{caption|}}}|{{{caption}}} }} }}</div></includeonly><noinclude>__NOTOC__ [[Category:Gallery Templates]][https://stepmodifications.org/forum/topic/8023-gallerysimple/ '''Forum Topic'''] | ||
==Purpose & Usage== | ==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. | 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. |
Latest revision as of 16:06, August 2, 2021
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: