01.12.2012 Views

7 Components: the Function Pages - Developers

7 Components: the Function Pages - Developers

7 Components: the Function Pages - Developers

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Formatting<br />

internal images<br />

88<br />

��<br />

��<br />

��<br />

colon before <strong>the</strong> namespace: [[:Image:imagename]]. Both<br />

versions that can be displayed on wiki pages can be formatted just<br />

like normal links (see Chapter 6.1). To display external images, just<br />

enter <strong>the</strong> URL of <strong>the</strong> file in <strong>the</strong> source text. The wiki software will<br />

recognize it and insert <strong>the</strong> original image at that spot. Note that a<br />

space must be inserted after <strong>the</strong> URL; o<strong>the</strong>rwise <strong>the</strong> end of <strong>the</strong> address<br />

cannot be detected.<br />

The logo http://www.wiki-tools.de/ ↵<br />

images/title_short.jpg is...<br />

Integrated internal images, in contrast to external pictures, can be<br />

enhanced with a series of formatting commands that are entered with<br />

a vertical line separating <strong>the</strong>m, as in:<br />

[[Image:gaotc1.jpg|thumb|50px|left|Cave1]]<br />

Each of <strong>the</strong>se entries is optional:<br />

� left/right/center/none. Determines <strong>the</strong> horizontal<br />

alignment of an image. Any existing text is arranged around <strong>the</strong><br />

image. For “none,” no text is positioned near <strong>the</strong> image.<br />

� sizepx. Determines <strong>the</strong> image width in pixels. The height is<br />

automatically adjusted.<br />

� frame. If this parameter is indicated, <strong>the</strong> image will be displayed<br />

in its original size with a frame and caption (see below).<br />

Any size information will have no effect. Standard alignment<br />

for <strong>the</strong> image is along <strong>the</strong> right margin.<br />

� thumb. The image is displayed as a thumbnail for preview purposes<br />

and includes a symbol which indicates <strong>the</strong> tooltip text<br />

“enlarge.” Standard alignment for <strong>the</strong> image is also along <strong>the</strong><br />

right margin.<br />

The last parameter contains a description of <strong>the</strong> image. This description<br />

is displayed as tooltip text when <strong>the</strong> mouse is rolled over <strong>the</strong><br />

image. Texts of this sort are important because <strong>the</strong>y can also be seen<br />

by people with vision impairments who surf using voice output. In<br />

addition, <strong>the</strong>y provide standard users with fur<strong>the</strong>r information on <strong>the</strong><br />

display. In both <strong>the</strong> “thumb” and <strong>the</strong> “frame” display modes, <strong>the</strong> description<br />

is added as a caption. Here, it is also possible to add basic<br />

formats (e.g. bold and italics), as well as links. However, please note<br />

that <strong>the</strong>se formats are translated into HTML code in <strong>the</strong> normal image<br />

display, and thus will appear as tags in <strong>the</strong> tooltip text.<br />

6 Multi-Page Structures

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!