Template:FreedImg/400/sandbox

This is the template sandbox page for Template:FreedImg/400 (diff).
See also the companion subpage for test cases.

Template documentation[view] [edit] [history] [purge]

This template uses TemplateStyles:

Template:FreedImg/400/styles.css

This template uses {{FreedImg}}, but limits the initial width. Similar to the width in layout 2 in {{Default layout}}, it limits the image width 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

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

Parameters

for the Image itself

file: The file name (without the "File:" prefix) (mandatory parameter)
- alt: Image alt-text, ie. for mouse-over text box or for use with a screenreader for the visually impaired (optional)
  - Currently no possibility for inline link re-assignment using the |link= parameter.

when ( type=user ) is present & set

Images generated by certain wikicode extensions (e.g. the default <math> User preference, <score>, etc.) may be entered in the named file parameter instead.

Primary DIV container

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

Image Caption

caption: The image caption (not present; must be added).
tstyle,talign: Any special text style or alignment to apply to caption block (if present).
mleft,indent: Any special text-flow (e.g. hanging indent etc.) control to apply to caption (if present).

Others

anchor, uses this {{anchor}} template, for linking to an image.

Examples

Using the template

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.

Transclusion using {{FI/400}}

{{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
}}

The Old Village of Bergen

A History of the First Settlement in New Jersey

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

Page scan (image width set roughly to match transclusion for comparison)
*page rotated from landscape orientation.

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

Overlooking the Valley to New Farm and Bulimba

FreedImage comparison

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

THE TRAVELER AND THE LION.

TRAVELER in South Africa once set out on a journey. When far from home he had to cross a wide plain, where he saw a Lion at a distance. The Lion saw him at the same time, and began slowly to follow him.

When the Traveler walked fast, the Lion walked fast; and when he stopped, the Lion stopped! The man saw that the Lion meant to follow him until dark, and then spring upon him.

He was not able to run away from the Lion, for the Lion could run faster than he could. So he thought of a plan to cheat him.

He came to a high cliff, below which was a deep hollow. Creeping down, he hid behind a rock, where the Lion could not seehim. Then taking a stick which he found among the rocks, he put on it his coat and his hat, so as to make them look like a man.

He then held the stick above the rock behind which he was hid.

Soon the Lion came creeping slyly along. The moment he saw the coat and the hat, he made a sudden spring at them. He bounded right over the place where the man lay, and falling down among the rocks, was killed!

The Traveler was saved, and ere long he reached his own home.

400px screen width

THE TRAVELER AND THE LION.

TRAVELER in South Africa once set out on a journey. When far from home he had to cross a wide plain, where he saw a Lion at a distance. The Lion saw him at the same time, and began slowly to follow him.

When the Traveler walked fast, the Lion walked fast; and when he stopped, the Lion stopped! The man saw that the Lion meant to follow him until dark, and then spring upon him.

He was not able to run away from the Lion, for the Lion could run faster than he could. So he thought of a plan to cheat him.

He came to a high cliff, below which was a deep hollow. Creeping down, he hid behind a rock, where the Lion could not seehim. Then taking a stick which he found among the rocks, he put on it his coat and his hat, so as to make them look like a man.

He then held the stick above the rock behind which he was hid.

Soon the Lion came creeping slyly along. The moment he saw the coat and the hat, he made a sudden spring at them. He bounded right over the place where the man lay, and falling down among the rocks, was killed!

The Traveler was saved, and ere long he reached his own home.

Full screen

THE TRAVELER AND THE LION.

TRAVELER in South Africa once set out on a journey. When far from home he had to cross a wide plain, where he saw a Lion at a distance. The Lion saw him at the same time, and began slowly to follow him.

When the Traveler walked fast, the Lion walked fast; and when he stopped, the Lion stopped! The man saw that the Lion meant to follow him until dark, and then spring upon him.

He was not able to run away from the Lion, for the Lion could run faster than he could. So he thought of a plan to cheat him.

He came to a high cliff, below which was a deep hollow. Creeping down, he hid behind a rock, where the Lion could not seehim. Then taking a stick which he found among the rocks, he put on it his coat and his hat, so as to make them look like a man.

He then held the stick above the rock behind which he was hid.

Soon the Lion came creeping slyly along. The moment he saw the coat and the hat, he made a sudden spring at them. He bounded right over the place where the man lay, and falling down among the rocks, was killed!

The Traveler was saved, and ere long he reached his own home.