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.

Tip: If no information is provided for a caption, <strong>the</strong> last entry in <strong>the</strong><br />

image link will be displayed instead. Thus, we recommend always<br />

indicating <strong>the</strong> caption explicitly or inserting <strong>the</strong> pipe symbol at <strong>the</strong><br />

end. This causes <strong>the</strong> file name to be used as <strong>the</strong> image caption.<br />

A few examples will demonstrate <strong>the</strong> use of images:<br />

Image gallery. First, let us generate an image documentation for our<br />

“Get Out of <strong>the</strong> Cave!” campaign that consists of a row of 50-pixel<br />

wide thumbnails positioned side by side:<br />

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

[[Image:gaotc2.jpg|thumb|50px|left|Cave2]]<br />

[[Image:gaotc3.jpg|thumb|50px|left|Group]]<br />

The results are displayed in Fig. 6.5. It is important to indicate an<br />

alignment with <strong>the</strong> left margin. If you fail to do so, or if ano<strong>the</strong>r<br />

alignment is selected, <strong>the</strong> thumbnails will appear one below ano<strong>the</strong>r.<br />

If you enter more images than will fit on one line, <strong>the</strong>y will automatically<br />

break to <strong>the</strong> next line. This results in a sort of table-like<br />

display, such as one would expect from a photo gallery.<br />

Illustration with a complex caption. Embedding an image in a text<br />

for illustrative purposes is probably <strong>the</strong> most frequent type of application.<br />

In our case, our formatted caption will also link to two o<strong>the</strong>r<br />

pages.<br />

Examples<br />

6.3 Multi-Page Design I - Images �<br />

�<br />

�<br />

89<br />

Several images<br />

Fig. 6.5<br />

Captions

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

Saved successfully!

Ooh no, something went wrong!