Editing Incubator escapee wiki:Extended image syntax (section)

===Aligning thumbnails to fit into text===
{{anchor|New syntax for images}}
[[File:Westminstpalace.jpg|thumb|upright=0.4|left|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]]

This is the style most familiar to readers. As shown on in the example image, the image is framed, is an appropriate size, and has text able to wrap around it. A caption is properly integrated.

The important part of this is the <code>thumb</code> parameter: <code><nowiki>[[File:Westminstpalace.jpg|</nowiki>'''thumb'''|upright=0.4|left|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]]</code> (as shown in the left). For details of these options, see previous sections.

Examples of the location parameter are below:
{{clear}}

<div style="display:flex; flex-flow: row wrap; text-align: left;">
{{Inline block|width=38em|style=border: 1px solid #a2a9b1; padding: 0.5em; margin: 0.5em; flex: 38em;|2=div|1=
'''right'''<br>
[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|right|upright=0.35]]The image is right-aligned, and text floats to the left of the image: <code><nowiki>[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|</nowiki>'''right'''<nowiki>|upright=0.35]]</nowiki></code> (shown on the right).{{clr}}}}

{{Inline block|width=38em|style=border: 1px solid #a2a9b1; padding: 0.5em; margin: 0.5em; flex: 38em;|2=div|1=
'''left'''<br>
[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|left|upright=0.35]]The image is left aligned, and text floats to the right of the image: <code><nowiki>[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|</nowiki>'''left'''<nowiki>|upright=0.35]]</nowiki></code> (shown on the left).{{clr}}
}}

{{Inline block|width=38em|style=border: 1px solid #a2a9b1; padding: 0.5em; margin: 0.5em; flex: 38em;|2=div|1=
'''center'''<br>
The image is centered, and... [[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|center|upright=0.35]] the text following the image starts below it: <code><nowiki>[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|</nowiki>'''center'''<nowiki>|upright=0.35]]</nowiki></code> (shown above).{{clr}}
}}

{{Inline block|width=38em|style=border: 1px solid #a2a9b1; padding: 0.5em; margin: 0.5em; flex: 38em;|2=div|1=
'''none'''<br>
The image is put at the left, and... [[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|none|upright=0.35]] the text following does not float to the right (or to the left, obviously), and starts below it: <code><nowiki>[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|</nowiki>'''none'''<nowiki>|upright=0.35]]</nowiki></code> (shown above).{{clr}}
}}
</div>