ਫਰਮਾ:FreedImg/400/doc ਲਈ ਸਰੋਤ ਵੇਖੋ

{{Documentation subpage}}
*This template uses {{tl|FreedImg}}, but limits the initial width. Similar to the width in '''layout 2''' in {{tl|Default layout}}, it limits the image width  [[w:Page orientation|portrait]]-oriented to 400px, but can shrink as in '''FreedImg''' when the screen width of the book is smaller than 400px. '''100%''' gives a width of '''400px''', '''50%''' gives a width of '''200px''' and so on.

==Usage==
<pre>{{FreedImg/400
 | type         =
 | file         =
 | orientation  =
 | width        =
 | cclass       =
 | float        =
 | margin-left  =
 | margin-right =
 | clear        =
 | caption      =
 | mleft        =
 | indent       =
 | tstyle       =
 | talign       =
 | alt          =
 | anchor       =
}}</pre>

===Parameters===
; for the Image itself
* {{parameter|file}}: The file name (without the "File:" prefix) (mandatory parameter)
** {{parameter|alt}}: Image alt-text, ie. for mouse-over text box or for use with a screenreader for the visually impaired (optional)
***{{Smaller|Currently no possibility for inline link re-assignment using the <code><nowiki>|link=</nowiki></code> parameter.}}
; when ( {{parameter|type}}=user ) is present & set
* Images generated by certain wikicode extensions (e.g. the default &lt;math&gt; User preference, &lt;score&gt;, etc.) may be entered in the named {{parameter|file}} parameter instead.

; Primary DIV container
* {{parameter|orientation}}: Default orientation is portrait, at 400px. Setting the parameter to '''landscape''' will default the width to 540px.
* {{parameter|width}}: The width of the primary container, by percentage (present, variable, ''default 400px'')
* {{parameter|cclass}}: The class for the primary container, (present, variable, ''default floatnone'' [a null undefined classname just for placeholder purposes])
* {{parameter|float}}: The alignment of the primary container (not present; must be added, options are "left" or "right"; ''otherwise remains centered'').
* {{parameter|clear}}: The margin(s) of the primary container to be cleared (not present; must be added, options are "left", "right" or "both").
* {{parameter|margin-left}},{{parameter|margin-right}} : Any special margins to be applied to the primary container (defaults appropriate for centered result).

; Image Caption
* {{parameter|caption}}: The image caption (not present; must be added).<!-- Do not use any <nowiki><div></nowiki> or div-based templates such as {{tl|smaller block}} if the template is located in the middle of a paragraph as Mediwiki will add a paragraph break.-->
* {{parameter|tstyle}},{{parameter|talign}}: Any special text style or alignment to apply to caption block (if present).
* {{parameter|mleft}},{{parameter|indent}}: Any special text-flow (e.g. hanging indent etc.) control to apply to caption (if present).

; Others
* {{parameter|anchor}}, uses this {{tl|anchor}} template, for linking to an image.

=== Examples ===
==Using the template==
{|class="wikitable"
!Page scan (banner set to roughly 400px for comparison)
|-
|
*Banner spans 100% of the portrait-oriented page width.
*The '''W''' spans roughly 25% of the portrait-oriented page width.
|}
{|
|[[File:History of Hudson County and of the Old Village of Bergen.djvu|page=13|445px|left|border]]
|}
{|class="wikitable"
!Transclusion using {{tl|FI/400}}
|-
|
<pre>
{{FI/400
 | file    = History of Hudson County and of the Old Village of Bergen largeband.png
}}
{{FI/400
 | file    = History of Hudson County and of the Old Village of Bergen W.png
 | width   = 25%
 | float  = left
}}
</pre>
|}

{|style="width:400px; border:1px;"
|-
|{{FI/400|file=History of Hudson County and of the Old Village of Bergen largeband.png}}
{{c|{{larger|''The'' Old Village ''of'' Bergen}}

''A'' History ''of the'' First Settlement ''in'' New Jersey}}
{{dhr}}
{{rule|class=__uirule}}
{{dhr}}
{{FI/400|file=History of Hudson County and of the Old Village of Bergen W.png|width=25%|float=left}}{{sc|hen}} the first representatives of the Amsterdam Licensed Trading West India Company built four houses on Manhattan Island in 1610—1612, one could hardly consider the territory crowded. Those ancestors of New York and New Jersey, however, had more spacious ideas than are held by their apartment-dwelling descendants. The charter of the Dutch East India Company, which had granted the trading monopoly to its West India Company, designated New Netherland as comprising "the unoccupied region between Virginia and Canada"—a little tract that must forever inspire pained admiration in modern real estate dealers. It was bounded approximately on the south by the South River, as the Dutch called the stream that the English afterward re-christened the Delaware. And because the Delaware was South River, the river explored by Henry Hudson in 1609, which first was called Mauritius River in honor of Maurice of Nassau, Prince of Orange, came to be referred to as North River, which explains why we today call it Hudson River or North River, just as the words happen.

Henry, we may suspect, always had remained a little disappointed, if not indignant, about that river. He had no
|}

==Using the landscape parameters==
{|class="wikitable"
!Page scan (image width set roughly to match transclusion for comparison)
|-
|*page rotated from landscape orientation.
|}

[[File:Brisbane from the air.djvu|page=12|700px|border|center]]

{|class="wikitable"
!Transclusion using {{tl|FI/400}}
|-
|
{{dhr}}
<pre>
{{FI/400
 | file        = Brisbane, from the air, pg 12.jpg
 | orientation = landscape
 | caption     = Overlooking the Valley to New Farm and Bulimba
}}
</pre>
|}

{{FI/400
 | file        = Brisbane, from the air, pg 12.jpg
 | orientation = landscape
 | caption     = Overlooking the Valley to New Farm and Bulimba
}}

==FreedImage comparison==
<!--*On the left is a small browser width, and on the right a large one. Note that the text size remains the same, but the images have shrunk to fit the screens accordingly.
[[File:FreedImage-400 comparison with Jack in the Box.png|600px|center|border]]
*see [[Jack in the Box]] for the full work.-->
*All of the following three examples have the image parameters set to the same value, but are adjusted dependent on the screen width.
==250px screen width==
{|style="background: #ffffff;"
|width=250px|{{Page:The Lion.djvu/10}}{{Page:The Lion.djvu/11}}{{Page:The Lion.djvu/12}}
|}
==400px screen width==
{|style="background: #ffffff;"
|width=400px|{{Page:The Lion.djvu/10}}{{Page:The Lion.djvu/11}}{{Page:The Lion.djvu/12}}
|}
==Full screen==
{|style="background: #ffffff;"
|width=100%|{{Page:The Lion.djvu/10}}{{Page:The Lion.djvu/11}}{{Page:The Lion.djvu/12}}
|}


==See also==
*{{tl|FreedImg}}

<includeonly>
<!-- CATEGORIES AND INTERWIKIS HERE, THANKS -->
[[Category:Formatting templates|Dynamic image]]
</includeonly>