Template:Multiple_image/testcases2

[Wikipedia|▼Menu]

Template:Nonumtoc.mw-parser-output .toclimit-2 .toclevel-1 ul,.mw-parser-output .toclimit-3 .toclevel-2 ul,.mw-parser-output .toclimit-4 .toclevel-3 ul,.mw-parser-output .toclimit-5 .toclevel-4 ul,.mw-parser-output .toclimit-6 .toclevel-5 ul,.mw-parser-output .toclimit-7 .toclevel-6 ul{display:none}.mw-parser-output .horizontal-toc-align-left{float:right}.mw-parser-output .horizontal-toc-align-left{float:left}.mw-parser-output .horizontal-toc-align-center{margin-left:auto;margin-right:auto;clear:none}.mw-parser-output .horizontal-toc-clear-right{clear:right}.mw-parser-output .horizontal-toc-clear-left{clear:left}.mw-parser-output .horizontal-toc-clear-both{clear:both}.mw-parser-output .horizontal-toc-clear-none{clear:none}
Test 1
Test 1a{{Multiple image。footer = The paradox: do these images ''both'' contribute evidence that all ravens are black?。align = right。image1 = Corvus corax (FWS).jpg。width1 = {{#expr: (120 * 950 / 647) round 0}}。alt1 = One black raven。caption1 = A black raven。image2 = Apples.jpg。width2 = {{#expr: (120 * 4 / 6) round 0}}。alt2 = Green and red apples。caption2 = Non-black non-ravens}}Note alternate text (appearing in tooltips). Compare with single-image thumbnails.[[File:Corvus corax (FWS).jpg|thumb|center|100px|alt=One black raven|A single-image figure is captioned using the "thumb" type]]{{clear}}

{{Multiple image}}.mw-parser-output .tmulti .thumbinner{display:flex;flex-direction:column}.mw-parser-output .tmulti .trow{display:flex;flex-direction:row;clear:left;flex-wrap:wrap;width:100%;box-sizing:border-box}.mw-parser-output .tmulti .tsingle{margin:1px;float:left}.mw-parser-output .tmulti .theader{clear:both;font-weight:bold;text-align:center;align-self:center;background-color:transparent;width:100%}.mw-parser-output .tmulti .thumbcaption{background-color:transparent}.mw-parser-output .tmulti .text-align-left{text-align:left}.mw-parser-output .tmulti .text-align-right{text-align:right}.mw-parser-output .tmulti .text-align-center{text-align:center}@media all and (max-width:720px){.mw-parser-output .tmulti .thumbinner{width:100%!important;box-sizing:border-box;max-width:none!important;align-items:center}.mw-parser-output .tmulti .trow{justify-content:center}.mw-parser-output .tmulti .tsingle{float:none!important;max-width:100%!important;box-sizing:border-box;align-items:center}.mw-parser-output .tmulti .trow>.thumbcaption{text-align:center}}A black ravenNon-black non-ravensThe paradox: do these images both contribute evidence that all ravens are black?

Note alternate text (appearing in tooltips). Compare with single-image thumbnails.A single-image figure is captioned using the "thumb" type

{{Multiple image/sandbox}}/*スタイルシート[[:Template:Multiple image/sandbox/styles.css]] (rev 87595647) の処理でエラーが発生しました：? Unrecognized or unsupported rule at line 1 character 1.*/.mw-parser-output .tmulti .thumbinner{display:flex;flex-direction:column}.mw-parser-output .tmulti .trow{display:flex;box-sizing:border-box;flex-direction:row;flex-wrap:nowrap;width:100%;clear:left}.mw-parser-output .tmulti .tsingle{flex-basis:content;margin:1px;float:left}.mw-parser-output .tmulti .tsingle .thumbimage img{width:100%;height:auto}.mw-parser-output .tmulti .theader{align-self:center;width:100%;clear:both;background-color:transparent;font-weight:bold;text-align:center}.mw-parser-output .tmulti .thumbcaption{background-color:transparent}.mw-parser-output .tmulti .text-align-left{text-align:left}.mw-parser-output .tmulti .text-align-right{text-align:right}.mw-parser-output .tmulti .text-align-center{text-align:center}@media all and (max-width:720px){.mw-parser-output .tmulti .thumbinner{box-sizing:border-box;align-items:center;width:100%!important;max-width:none!important}.mw-parser-output .tmulti .trow{justify-content:center;flex-wrap:wrap}.mw-parser-output .tmulti .tsingle{box-sizing:border-box;align-items:center;max-width:100%!important;float:none!important}.mw-parser-output .tmulti .trow>.thumbcaption{text-align:center}}A black ravenNon-black non-ravensThe paradox: do these images both contribute evidence that all ravens are black?

Note alternate text (appearing in tooltips). Compare with single-image thumbnails.A single-image figure is captioned using the "thumb" type
Test 1b{{Multiple image。footer = specifying heights instead of widths may not work。align = right。image1 = Corvus corax (FWS).jpg。height1 = 100。alt1 = One black raven。caption1 = A black raven。image2 = Apples.jpg。height2 = 100。alt2 = Green and red apples。caption2 = Non-black non-ravens}}What about vertical height? The templates traditionally advocated annoying hacks (necessitating knowledge of image aspect ratios) to obtain equal heights. But the thumbnail syntax facilitates height specifications directly.[[File:Corvus corax (FWS).jpg|thumb|left|x50px|alt=One black raven|A thumbnail of 50 pixel height, using the "x50px" notation]]{{clear}}

{{Multiple image}}A black ravenNon-black non-ravensspecifying heights instead of widths may not work

What about vertical height? The templates traditionally advocated annoying hacks (necessitating knowledge of image aspect ratios) to obtain equal heights. But the thumbnail syntax facilitates height specifications directly.A thumbnail of 50 pixel height, using the "x50px" notation

{{Multiple image/sandbox}}A black ravenNon-black non-ravensspecifying heights instead of widths may not work

align = left, direction = vertical{{Multiple image|width = 200|align = left。direction = vertical|image1 = Example2.png|image2 = Bad Title Example.png|alt1= Alt1|alt2= Alternate text 2|caption1 = Example|caption2 = Example 2}}{{Lorem}}{{-}}

{{Multiple image}}ExampleExample 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

{{Multiple image/sandbox}}ExampleExample 2

align = right, direction = vertical{{Multiple image|width = 200|align = right。direction = vertical|image1 = Example2.png|image2 = Bad Title Example.png|caption1 = Example|caption2 = Example 2}}{{Lorem}}{{-}}

{{Multiple image}}ExampleExample 2

{{Multiple image/sandbox}}ExampleExample 2

align = center, direction = vertical{{Multiple image|width = 200|align = center。direction = vertical|image1 = Example2.png|image2 = Bad Title Example.png|caption1 = Example|caption2 = Example 2}}{{Lorem}}{{-}}

{{Multiple image}}ExampleExample 2

{{Multiple image/sandbox}}ExampleExample 2

align = none, direction = vertical{{Multiple image|width = 200|align = none。direction = vertical|image1 = Example2.png|image2 = Bad Title Example.png|caption1 = Example|caption2 = Example 2}}{{Lorem}}{{-}}

{{Multiple image}}ExampleExample 2

{{Multiple image/sandbox}}ExampleExample 2

align = left, direction = horizontal{{Multiple image|width = 200|align = left。direction = horizontal|image1 = Example2.png|image2 = Bad Title Example.png|caption1 = Example|caption2 = Example 2}}{{Lorem}}{{-}}

{{Multiple image}}ExampleExample 2