Template:Wide image: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
No edit summary
mNo edit summary
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<includeonly><templatestyles src="Wide image/styles.css"/><div class="thumb {{#switch:{{{5}}}
<includeonly><div class="thumb {{#switch:{{{5}}}
|left= tleft" style="
|left=tleft" style="
|right= tright" style="
|right=tright" style="
|none= tnone" style="
|center=tnone" style="margin-left:auto; margin-right:auto;
|#default=tnone" style="margin-left:auto; margin-right:auto;
|#default=tnone" style="
}} width:{{{4|99%}}}; {{#if:{{{2|}}}|max-width:{{#expr:{{{2}}}+8}}px}}">
}} width:{{{4|auto}}}; {{#if:{{{2|}}}|max-width:{{#expr:{{{2}}}+8}}px}}">
<div class="thumbinner"><div class="wideImage" style="overflow:auto; {{#ifeq:{{{dir|}}}|rtl|direction:rtl}}">[[File:{{{1}}}|{{{2}}}px|{{#switch:{{{3}}}
<div class="thumbinner"><div class="noresize" style="overflow:auto; {{#ifeq:{{{dir}}}|rtl|direction:rtl}}">[[File:{{{1}}}|{{{2}}}px|{{#switch:{{{3}}}
|thumb
|thumb|thumbnail|frame|border={{{1}}}
|thumbnail
|frame
|border={{{1}}}
|#default={{{3|}}}}}]]</div>{{#if:{{{3|}}}|<div class="thumbcaption" {{#if:{{{align-cap|}}}|style="text-align:{{{align-cap}}}"}}><div class="magnify">[[:File:{{{1}}}]]</div>{{{3}}}</div>}}
|#default={{{3|}}}}}]]</div>{{#if:{{{3|}}}|<div class="thumbcaption" {{#if:{{{align-cap|}}}|style="text-align:{{{align-cap}}}"}}><div class="magnify">[[:File:{{{1}}}]]</div>{{{3}}}</div>}}
</div></div></includeonly><noinclude>
</div></div></includeonly><noinclude>
Line 18: Line 15:
==Usage==
==Usage==
<pre>
<pre>
{{Wide image
{{wide image
|1=image name
|1=image name
|2=desired image width (use numbers only, don't add "px", i.e 500)
|2=desired image width (use numbers only, don't add "px", i.e 500)
|3=caption
|3=caption
|4=frame width (99% is the default)
|4=frame width (auto is the default)
|5=frame alignment: left, right or none (center is the default)
|5=frame alignment: left, right, or center (none is the default)
|dir=Insert "rtl" if you want the right side of the image to appear initially (left to right is the default)
|dir=Insert "rtl" if you want the right side of the image to appear initially (left to right is the default)
}}
}}
</pre>
</pre>


'''Note:''' only the parameters 1 and 2 are required. Insert the others if needed on that case.
'''Note:''' Only the parameters 1 and 2 are required. Insert the others if needed on that case.


==Examples==
==Examples==
===Basic===
===Basic===
This:
'''This:''' <pre>{{wide image|SMB NES World 1-1 Map.png|1992}}</pre>
<pre>
{{Wide image|SMB NES World 1-1 Map.png|1992}}
</pre>


Results in:
'''Results in:''' {{wide image|SMB NES World 1-1 Map.png|1992}}
{{Wide image|SMB NES World 1-1 Map.png|1992}}
{{br}}


===With caption===
===With caption===
This:
'''This:''' <pre>{{wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.}}</pre>
<pre>
{{Wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.}}
</pre>


Results in:
'''Results in:''' {{wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.}}
{{Wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.}}


===Aligned on left or right===
===Aligned left or right===
This:
'''This:'''
<pre>
{{Wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.|45%|right}}
If ''left'' or ''right'' is used, the text after the template will be aligned with it.
</pre>


Results in:
{{Wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.|45%|right}}
If ''left'' or ''right'' is used, the text after the template will be aligned with it.
{{br}}
===Not aligned===
This:
<pre>
<pre>
{{Wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.|45%|none}}
{{wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.|45%|right}}
If ''none'' is used, the text after the template will appear under it.
If ''left'' or ''right'' is used, the text after the template appears next to it.
</pre>
</pre>


Results in:
'''Results in:'''
{{Wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.|45%|none}}
If ''none'' is used, the text after the template will appear under it.


{{wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.|45%|right}}
If ''left'' or ''right'' is used, the text after the template appears next to it.
{{br}}
===Scrolls right to left===
===Scrolls right to left===
This:
'''This:''' <pre>{{wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.|dir=rtl}}</pre>
<pre>
{{Wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.|dir=rtl}}
</pre>


Results in:
'''Results in:''' {{wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.|dir=rtl}}
{{Wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.|dir=rtl}}


[[Category:Media templates]]</noinclude>
[[Category:Structural templates]]</noinclude>

Latest revision as of 14:55, March 2, 2025

This template is to be used when setting images that are too wide to fit on the page while maintaining its clear visualization. It works as a thumbnail that uses a scroll box if the image is too large.

Credit goes to Wikipedia. Click here to check out the original template.

Usage

{{wide image
|1=image name
|2=desired image width (use numbers only, don't add "px", i.e 500)
|3=caption
|4=frame width (auto is the default)
|5=frame alignment: left, right, or center (none is the default)
|dir=Insert "rtl" if you want the right side of the image to appear initially (left to right is the default)
}}

Note: Only the parameters 1 and 2 are required. Insert the others if needed on that case.

Examples

Basic

This:

{{wide image|SMB NES World 1-1 Map.png|1992}}

Results in:

World 1 (SMB)

With caption

This:

{{wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.}}

Results in:

Aligned left or right

This:

{{wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.|45%|right}}
If ''left'' or ''right'' is used, the text after the template appears next to it.

Results in:

If left or right is used, the text after the template appears next to it.

Scrolls right to left

This:

{{wide image|SMB NES World 1-1 Map.png|1992|'''World 1-1''' of ''[[Super Mario Bros.]]''.|dir=rtl}}

Results in: