模板:Multiple image/testcases
![]() | 這是Template:Multiple image及其沙盒的測試樣例。刷新本頁以更新內容。 如果這裏有許多複雜的模板的用例,可能會因為MediaWiki的技術限制而出錯。 您還可以用Special:展開模板來測試模板的使用效果。 您可以通過以下連結測試本模板在不同外觀下的效果: |
測試 1
[編輯]測試 1a
[編輯]{{Multiple image | footer = The paradox: do these images ''both'' contribute evidence that all ravens are black? | footer_align = centre | 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|{{#expr: (120 * 950 / 647) round 0}}px|alt=One black raven|A single-image figure is captioned using the "thumb" type]] {{clear}}
{{Multiple image}}
Note alternate text (appearing in tooltips). Compare with single-image thumbnails.
![One black raven](http://upload.wikimedia.org/wikipedia/commons/thumb/b/be/Corvus_corax_%28FWS%29.jpg/176px-Corvus_corax_%28FWS%29.jpg)
Note alternate text (appearing in tooltips). Compare with single-image thumbnails.
![One black raven](http://upload.wikimedia.org/wikipedia/commons/thumb/b/be/Corvus_corax_%28FWS%29.jpg/176px-Corvus_corax_%28FWS%29.jpg)
測試 1b
[編輯]{{Multiple image | footer = specifying heights instead of widths may not work | footer_align = right | 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|x100px|alt=One black raven|A thumbnail of 100 pixel height, using the "x100px" notation]] {{clear}}
{{Multiple image}}
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.
![One black raven](http://upload.wikimedia.org/wikipedia/commons/thumb/b/be/Corvus_corax_%28FWS%29.jpg/147px-Corvus_corax_%28FWS%29.jpg)
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.
![One black raven](http://upload.wikimedia.org/wikipedia/commons/thumb/b/be/Corvus_corax_%28FWS%29.jpg/147px-Corvus_corax_%28FWS%29.jpg)
測試 2
[編輯]測試 2a
[編輯]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 |caption_align = left }} {{Lorem}} {{-}}
{{Multiple image}}
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
測試 2b
[編輯]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 |caption_align = right }} {{Lorem}} {{-}}
{{Multiple image}}
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
測試 2c
[編輯]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 |caption_align = center }} {{Lorem}} {{-}}
{{Multiple image}}
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
測試 2d
[編輯]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}}
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
測試 2e
[編輯]align = center, direction = vertical, caption_align=centre (UK spelling)
{{Multiple image |width = 200 |align = center | direction = vertical |image1 = Example2.png |image2 = Bad Title Example.png |caption1 = Example |caption2 = Example 2 |caption_align = centre }} {{Lorem}} {{-}}
{{Multiple image}}
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
測試 3
[編輯]測試 3a
[編輯]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 |caption_align = left }} {{Lorem}} {{-}}
{{Multiple image}}
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
測試 3b
[編輯]align = right, direction = horizontal
{{Multiple image |width = 200 |align = right | direction = horizontal |image1 = Example2.png |image2 = Bad Title Example.png |caption1 = Example |caption2 = Example 2 |caption_align = right }} {{Lorem}} {{-}}
{{Multiple image}}
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
測試 3c
[編輯]align = center, direction = horizontal
{{Multiple image |width = 200 |align = center | direction = horizontal |image1 = Example2.png |image2 = Bad Title Example.png |caption1 = Example |caption2 = Example 2 |caption_align = center }} {{Lorem}} {{-}}
{{Multiple image}}
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
測試 3d
[編輯]align = none, direction = horizontal
{{Multiple image |width = 200 |align = none | direction = horizontal |image1 = Example2.png |image2 = Bad Title Example.png |caption1 = Example |caption2 = Example 2 }} {{Lorem}} {{-}}
{{Multiple image}}
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
測試 4
[編輯]one shared caption
{{Multiple image | footer = Players are cautioned with a yellow card and sent off with a red card. | width = 60 | image1 = Yellow card.svg | alt1 = Yellow cartouche | image2 = Red card.svg | alt2 = Red cartouche }} {{Lorem}} {{-}}
{{Multiple image}}
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
測試 5
[編輯]no caption, no footer
{{Multiple image | width = 60 | image1 = Yellow card.svg | alt1 = Yellow cartouche | image2 = Red card.svg | alt2 = Red cartouche }} {{Lorem}} {{-}}
{{Multiple image}}
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
測試 6
[編輯]one image, one caption
{{Multiple image | width = 60 | image1 = Yellow card.svg | alt1 = Yellow cartouche | caption1 = Example }} {{Lorem}} {{-}}
{{Multiple image}}
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
測試 7
[編輯]one image, no caption
{{Multiple image | width = 60 | image1 = Yellow card.svg | alt1 = Yellow cartouche }} {{Lorem}} {{-}}
{{Multiple image}}
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。
測試 8
[編輯]perrow = 1 / 2
{{Multiple image | align = center | perrow = 1 / 2 | image1 = Frecklesmule.jpg | width1 = 250 | alt1 = A mule | caption1 = Rectangular image of a mule | image3 = Donkey in Clovelly, North Devon, England.jpg | width3 = 200 | alt3 = A donkey | caption3 = Rectangular image of a donkey | image7 = Rainbow_trout.png | width7 = 100 | alt7 = A trout | caption7 = Square image of a trout | footer = }}
{{Multiple image}}
測試 9
[編輯]perrow=1, 2, 1
{{Multiple image |align=left|width=60|perrow=1, 2, 1 |image1=Ribbon numeral 1.png |image2=Ribbon numeral 2.png |image3=Ribbon numeral 3.png |image4=Ribbon numeral 4.png |image5=Ribbon numeral 5.png |image6=Ribbon numeral 6.png }}{{lorem}}{{-}}
{{Multiple image}}
本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。 本文為測試文字。這段文字用於說明格式,請勿刪除。這段文字用於說明格式,請勿刪除。海納百川,有容乃大。維基百科,自由的百科全書。測試 10
[編輯]total_width = 800
{{Multiple image |align=center |total_width=800 |title=The Moon |width1=18000|height1=18000|image1=LRO WAC Nearside Mosaic.jpg |caption1=[[Near side of the Moon|Lunar near side]] |width2=18000 |height2=18000 |image2=Moon Farside LRO.jpg |caption2=[[Far side of the Moon|Lunar far side]]|width3=18622|height3=18622|image3=LRO WAC North Pole Mosaic (PIA14024).jpg|caption3=[[Lunar north pole]]|width4=6082|height4=6082|image4=LRO WAC South Pole Mosaic.jpg|caption4=[[Lunar south pole]] }}
{{Multiple image}}
測試 11
[編輯]perrow = 2, total_width = 400
{{Multiple image |align=center |total_width=400|perrow=2 |title=The Moon |header_align=left|header_background=#eee |width1=18000|height1=18000|image1=LRO WAC Nearside Mosaic.jpg |caption1=[[Near side of the Moon|Lunar near side]] |width2=18000 |height2=18000 |image2=Moon Farside LRO.jpg |caption2=[[Far side of the Moon|Lunar far side]]|width3=18622|height3=18622|image3=LRO WAC North Pole Mosaic (PIA14024).jpg|caption3=[[Lunar north pole]]|width4=6082|height4=6082|image4=LRO WAC South Pole Mosaic.jpg|caption4=[[Lunar south pole]] }}
{{Multiple image}}
測試 12
[編輯]perrow = 3, total_width = 300
{{Multiple image |align=center |total_width=300|perrow=3 |title=The Moon |width1=18000|height1=18000|image1=LRO WAC Nearside Mosaic.jpg |caption1=[[Near side of the Moon|Lunar near side]] |width2=18000 |height2=18000 |image2=Moon Farside LRO.jpg |caption2=[[Far side of the Moon|Lunar far side]]|width3=18622|height3=18622|image3=LRO WAC North Pole Mosaic (PIA14024).jpg|caption3=[[Lunar north pole]]|width4=6082|height4=6082|image4=LRO WAC South Pole Mosaic.jpg|caption4=[[Lunar south pole]] }}
{{Multiple image}}
測試 13
[編輯]perrow = 1 / 2 / 1, total_width = 300
{{Multiple image |align=center |total_width=300|perrow=1 / 2 / 1 |title=The Moon |width1=18622|height1=18622|image1=LRO WAC North Pole Mosaic (PIA14024).jpg|caption1=[[Lunar north pole]]|width2=18000 |height2=18000 |image2=Moon Farside LRO.jpg |caption2=[[Far side of the Moon|Lunar far side]]|width3=18000|height3=18000|image3=LRO WAC Nearside Mosaic.jpg |caption3=[[Near side of the Moon|Lunar near side]] |width4=6082|height4=6082|image4=LRO WAC South Pole Mosaic.jpg|caption4=[[Lunar south pole]] }}
{{Multiple image}}
測試 14
[編輯]測試 14a
[編輯]default image_gap
{{Multiple image | title = Stages in the life of the [[American Robin]] | perrow = 3 | total_width = 600 | align = center |width1= 500 |height1= 749 |image1=American Robin Nest.jpg |width2=3888 |height2=2592 |image2=Robin's Nest - Charlotte NC.jpg |width3=1024 |height3= 768 |image3=AmericanRobinChicksInNest 1.jpg |width4= 600 |height4= 479 |image4=Robin chick 2 Galawebdesign.jpg |width5=5184 |height5=3456 |image5=Turdus migratorius -Smithsonian National Zoological Park, Washington, USA -juvenile-8.jpg |width6=1350 |height6=1024 |image6=Turdus-migratorius-002.jpg }}
{{Multiple image}}
測試 14b
[編輯]image_gap = 20
{{Multiple image | title = Stages in the life of the [[American Robin]] | perrow = 3 | image_gap = 20 | total_width = 600 | align = center |width1= 500 |height1= 749 |image1=American Robin Nest.jpg |width2=3888 |height2=2592 |image2=Robin's Nest - Charlotte NC.jpg |width3=1024 |height3= 768 |image3=AmericanRobinChicksInNest 1.jpg |width4= 600 |height4= 479 |image4=Robin chick 2 Galawebdesign.jpg |width5=5184 |height5=3456 |image5=Turdus migratorius -Smithsonian National Zoological Park, Washington, USA -juvenile-8.jpg |width6=1350 |height6=1024 |image6=Turdus-migratorius-002.jpg }}
{{Multiple image}}
測試 15
[編輯]測試 15a
[編輯]manually rescaled images
{{Multiple image |align=right |total_width=400 |title=Cactus areoles |perrow = 2 / 3 |width1=1328|height1= 990|image1=Pereskia grandifolia areole.jpg |caption1=Areole of ''[[Pereskia grandifolia]]'' showing its position relative to leaves |width2=4408|height2=3229|image2=Cut Cereus (brightened).jpg |caption2=Cross-section of ''[[Cereus (plant)|Cereus]]'' showing areoles with spines and wool |width3=2736|height3=3648|image3=Echinopsis candicans (3).jpg |caption3=Areoles of an ''[[Echinopsis]]'' species |width4= 528|height4= 552|image4=Astrophytum capricorne areole.jpg |caption4=Close-up of an areole of ''[[Astrophytum capricorne]]'' showing fine wool |width5= 725|height5= 492|image5=Cactus 4a - geograph.org.uk - 1446436 cleaned.jpg |caption5=Flowers appear from the upper part of an areole, spines from the lower (''Cereus'' species) }}
{{Multiple image}}
測試 15b
[編輯]automatically rescaled images
{{Multiple image |align=right |total_width=400 |title=Cactus areoles |perrow = 2 / 3 |image1=Pereskia grandifolia areole.jpg |caption1=Areole of ''[[Pereskia grandifolia]]'' showing its position relative to leaves |image2=Cut Cereus (brightened).jpg |caption2=Cross-section of ''[[Cereus (plant)|Cereus]]'' showing areoles with spines and wool |image3=Echinopsis candicans (3).jpg |caption3=Areoles of an ''[[Echinopsis]]'' species |image4=Astrophytum capricorne areole.jpg |caption4=Close-up of an areole of ''[[Astrophytum capricorne]]'' showing fine wool |image5=Cactus 4a - geograph.org.uk - 1446436 cleaned.jpg |caption5=Flowers appear from the upper part of an areole, spines from the lower (''Cereus'' species) }}
{{Multiple image}}
測試 16
[編輯]thumbtime
{{Multiple image | width = 120 | image1 = Yellow card.svg | alt1 = Yellow cartouche | image2 = Time Lapse of New York City.ogv | alt2 = Red cartouche | thumbtime2 = 12 | footer = Players are cautioned with a yellow card and sent off with a red card. }}
{{Multiple image}}
測試 17
[編輯]long captions
{{Multiple image | width = 105 | image1 = Llanfair Pwllgwyngyll roofscape (1) - geograph.org.uk - 1058331.jpg | alt1 = Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch | caption1 = {{shy|{{nowrap|Llanfairpwllgwyngyll}}|gogery|chwyrn|drobwll|llan|tysilio|gogo|goch}} | image2 = New Zealand 0577.jpg | alt2 = Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu | caption2 = Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu }}
{{Multiple image}}
測試 18
[編輯]測試 18a
[編輯]rescale horizontal images
{{Multiple image {{multiple image | align = center | direction = horizontal | width = 230 | image1 = [[File:Datar_Mathews_Real_Option_Method_Wikipedia_Fig_2A_Net_Profit_Present_Value_Distribution.jpg|thumb|Fig. 2A Net profit present-value distribution]] | image2 = [[File:Datar_Mathews_Real_Option_Method_Wikipedia_Fig_2B_Rational_Decision_Distribution.jpg|thumb|Fig. 2B Rational decision distribution]] | image3 = [[File:Datar_Mathews_Real_Option_Method_Wikipedia_Fig_2C_Payoff_Distribution_and_Option_Value.jpg|thumb|Fig. 2C Payoff distribution and option value]] }} }}
{{Multiple image}}
{{Multiple image
}}
{{Multiple image/sandbox
}}
測試 18b
[編輯]
{{multiple image
| align = center
| direction = horizontal
| total_width = 690
| image1 = Datar_Mathews_Real_Option_Method_Wikipedia_Fig_2A_Net_Profit_Present_Value_Distribution.jpg
| caption1 = Fig. 2A Net profit present-value distribution
| image2 = Datar_Mathews_Real_Option_Method_Wikipedia_Fig_2B_Rational_Decision_Distribution.jpg
| caption2 = Fig. 2B Rational decision distribution
| image3 = Datar_Mathews_Real_Option_Method_Wikipedia_Fig_2C_Payoff_Distribution_and_Option_Value.jpg
| caption3 = Fig. 2C Payoff distribution and option value
}}