Andoza:Multiple image

Andoza hujjati[koʻrib chiqish] [tahrirlash] [tarix] [yangilash]

Bu andoza quyidagi Luadan foydalanadi: Module:Multiple image

This template creates a box with two to ten images arranged vertically or horizontally with captions for the entire box and/or for each images.

{{Multiple image
<!-- Essential parameters -->
 | align =         <!-- right (default), left, center, none --> 
 | direction =     <!-- horizontal (default), vertical -->
 | background color =  <!-- box background -->

<!-- Header -->
 | header_background = 
 | header_align =  <!-- center (default), left, right -->
 | header = 

<!-- Images -->
 | width =         <!-- image width in pixels (an integer, omit "px" suffix); overrides "width[n]"s below -->
<!--image 1-->
 | image1 =        <!-- filename only, i.e. without "File:" or "Image:" prefix -->
 | width1 = 
 | alt1 = 
 | link1 = 
 | caption1 = 
<!--image 2-->
 | image2 =        <!-- filename only, i.e. without "File:" or "Image:" prefix -->
 | width2 = 
 | alt2 = 
 | link2 = 
 | caption2 = 
<!-- and so on, to a maximum of 10 images (image10) -->

<!-- Footer -->
 | footer_background = 
 | footer_align =  <!-- left (default), center, right -->
 | footer = 
}}

Players are cautioned with a yellow card and sent off with a red card.

{{Multiple image
 | width = 60
 | image1 = Yellow card.svg
 | alt1 = Yellow cartouche
 | image2 = Red card.svg
 | alt2 = Red cartouche
 | footer = Players are cautioned with a yellow card and sent off with a red card.
}}

PNG transparency demonstration

A PNG image with an 8-bit transparency layer...

...here overlaying a checkered background.

{{Multiple image
 | align = left
 | direction = vertical
 | width = 200
 | header = [[PNG]] transparency demonstration
 | image1 = PNG transparency demonstration 1.png
 | alt1 = Colored dice with white background
 | caption1 = A PNG image with an 8-bit transparency layer...
 | image2 = PNG transparency demonstration 2.png
 | alt2 = Colored dice with checkered background
 | caption2  = ...here overlaying a checkered background.
}}

When a user has many of one type of barnstar, they can represent them with ribbons and these numerals to indicate the count.

{{Multiple image
 | width = 60
 | image1=Ribbon numeral 2.png | alt1=2
 | image2=Ribbon numeral 3.png | alt2=3
 | image3=Ribbon numeral 4.png | alt3=4
 | footer = When a user has many of one type of [[WP:BARN|barnstar]], they can represent them with [[WP:RIBBON|ribbons]] and these numerals to indicate the count.
}}

Adoxa (Adoxa moschatellina)

{{Multiple image
 | background color = #BBDD99
 | width = 160
 | image1 = Adoxa_moschatellina_210406.jpg
 | alt1 = Green herb with a few tiny yellow-white flowers
 | image2 = Adoxa_moschatellina_210406a.jpg
 | alt2 = Three small white and yellow flowers before green-leaf background
 | image3 = adoxa_moschatellina_blatt.jpeg
 | alt3 = Leaves of a plant, in groups of three each with three lobes
 | footer_background = #BBDD99
 | footer_align = center
 | footer = [[Adoxa]] (''Adoxa moschatellina'')
}}

A mule
(骡子 luózi)

A donkey
(驴子 lǘzi)

A fish
(鱼 yú)

The image of the mule links to Mule; the image of the donkey does not link anywhere; the image of the trout links to a standard image description page.

{{Multiple image
 | align = left

 | image1 = Frecklesmule.jpg
 | width1 = 143
 | alt1 = A mule
 | link1 = Mule
 | caption1 = <center>A mule<br/>(骡子 ''luózi'')</center>

 | image2 = Donkey 1 arp 750px.jpg
 | width2 = 150
 | alt2 = A donkey
 | link2 = 
 | caption2  = <center>A donkey<br/>(驴子 ''lǘzi'')</center>

 | image3 = Rainbow_trout.png
 | width3 = 91
 | alt3 = A trout
 | caption3  = <center>A fish<br/>({{lang|zh|2=鱼}} ''yú'')</center>

 | footer = The image of the mule links to [[Mule]]; the image of the donkey does not link anywhere; the image of the trout links to a [[Image description page|standard image description page]].
}}

By default, the images the template presents are displayed horizontally, as a row (see left; equivalent to setting |direction=horizontal). To display them vertically, i.e. as a column, set |direction=vertical (see right).

(horizontal)

(vertical)

• Decide on a total width for all the images, say 320px
• Examine the individual image pages to obtain the full resolution. For example:
  • File:Donkey 1 arp 750px.jpg shows "Donkey_1_arp_750px.jpg (750 × 536 pixels, file size: 125 KB, MIME type: image/jpeg)"
  • File:Rainbow trout.png shows "Rainbow_trout.png (300 × 300 pixels, file size: 158 KB, MIME type: image/png)"
• Specify the full width and height for each image, of the form:
  • |width1= |height1= |width2= |height2=
• Set the total width using |total_width=

Rectangular image of a donkey, originally 536 pixels high.

Square image of a trout, originally 300 pixels high.

Both images have been rendered with the same height, and a total width of 320px

{{Multiple image
 | align = right
 | total_width = 320

 | image1 = Donkey 1 arp 750px.jpg
 | width1 = 750 | height1 = 536
 | alt1 = A donkey
 | caption1 = Rectangular image of a donkey, originally 536 pixels high.

 | image2 = Rainbow_trout.png
 | width2 = 300 | height2 = 300
 | alt2 = A trout
 | caption2 = Square image of a trout, originally 300 pixels high.

 | footer = Both images have been rendered with the same height, and a total width of 320px
}}