Этот шаблон создает блок, содержащий от двух до десяти изображений, расположенных вертикально или горизонтально, с подписями для всего блока или для каждого изображения.
При соответствующем выборе параметров шаблон может автоматически изменять размер изображений до заданной общей ширины, при этом каждое изображение будет иметь одинаковую высоту.
Имейте в виду , что этот шаблон не учитывает предпочтения пользователей по размеру изображения по умолчанию. ( Политика использования Wikipedia:Image гласит: « За исключением очень веской причины, не используйте
MOS:IMGSIZE гласит, что фиксированная ширина в пикселях может быть указана только px «...» , что принудительно устанавливает фиксированную ширину изображения » . «там, где это абсолютно необходимо».
) [a]
Если параметры размера изображения опущены, этот шаблон устанавливает все изображения шириной 200 пикселей, независимо от того, установил ли читатель предпочтение какой-либо другой ширины изображения по умолчанию. Это приводит к тому, что несколько изображений выглядят не в масштабе по сравнению с другими изображениями в статье.
Предоставьте |height[n]=и |total_width=параметры для получения автоматического изменения размера. Обратите внимание на различные значения параметров |width[n]=с и без автоматического изменения размера. Также обратите внимание на возможность задать |total_width=параметр в начале шаблона {{multiple image}} .
.svg/1280px-Test_Template_Info-Icon_-_Version_(2).svg.png){kind=icon}
{{ Несколько изображений | total_width = 600 <!-- Параметры макета --> | align = <!-- right (по умолчанию), left, center, none --> | direction = <!-- horizontal (по умолчанию), vertical --> | background color = <!-- фон блока как веб-цвет в формате «шестнадцатеричного триплета» с префиксом #, например, #33CC00 --> | width = <!-- отображаемая ширина каждого изображения в пикселях (целое число, опустить суффикс «px»); переопределяет «width[n]»s ниже --> | caption_align = <!-- left (по умолчанию), center, right --> | image_style = <!-- border:1; (по умолчанию) --> | image_gap = <!-- 5 (по умолчанию)--><!-- Заголовок --> | header_background = <!-- фон заголовка как «шестнадцатеричный триплет» веб-цвета с префиксом #, например, #33CC00 --> | header_align = <!-- центр (по умолчанию), слева, справа --> | header = <!-- текст заголовка --><!--image 1--> | image1 = <!-- только имя файла, т. е. без префикса "File:" или "Image:" --> | width1 = <!-- отображаемая ширина изображения; переопределяется "width" выше --> | alt1 = | link1 = | thumbtime1 = | caption1 = <!--image 2--> | image2 = <!-- только имя файла, т. е. без префикса "File:" или "Image:" --> | width2 = <!-- отображаемая ширина изображения; переопределяется "width" выше --> | alt2 = | link2 = | thumbtime2 = | caption2 = <!-- и т. д. --><!-- Нижний колонтитул --> | footer_background = <!-- фон нижнего колонтитула в виде «шестнадцатеричного триплета» веб-цвета с префиксом #, например, #33CC00 --> | footer_align = <!-- лево (по умолчанию), центр, право --> | footer = <!-- текст нижнего колонтитула --> }}{{ несколько изображений <!-- Параметры макета --> | выравнивание = <!-- справа (по умолчанию), слева, по центру, нет --> | направление = <!-- горизонтально (по умолчанию), вертикально --> | цвет фона = <!-- фон блока --> | общая_ширина = <!-- общая ширина всех отображаемых изображений в пикселях (целое число, опустить суффикс "px") --> | caption_align = <!-- слева (по умолчанию), по центру, справа --> <!-- Заголовок --> | фон_заголовка = | header_align = <!-- по центру (по умолчанию), слева, справа --> | заголовок =<!--image 1--> | image1 = <!-- только имя файла, т.е. без префикса "File:" или "Image:" --> | альт1 = | ссылка1 = | время большого пальца1 = | подпись1 =<!--image 2--> | image2 = <!-- только имя файла, т.е. без префикса "File:" или "Image:" --> | альт2 = | ссылка2 = | большой палец2 = | подпись2 =<!-- и так далее --><!-- Нижний колонтитул --> | footer_background = | footer_align = <!-- слева (по умолчанию), по центру, справа --> | нижний колонтитул =}}{{ multiple image | width = 60 | image1 = Yellow card.svg | alt1 = Yellow cardouche | image2 = Red card.svg | alt2 = Red cardouche | footer = Игроки получают предупреждение (желтая карточка) и удаляются с поля (красная карточка). }}{{ несколько изображений | выравнивание = левое | направление = вертикальное | ширина = 200 | заголовок = [[ Portable Network Graphics | PNG ]] демонстрация прозрачности | image1 = демонстрация прозрачности PNG 1.png | alt1 = Цветные игральные кости с белым фоном | caption1 = Изображение PNG с 8-битным слоем прозрачности... | image2 = демонстрация прозрачности PNG 2.png | alt2 = Цветные игральные кости с клетчатым фоном | caption2 = ...здесь накладывается клетчатый фон. }}{{ 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 = Когда у пользователя есть много одного типа [[ WP : BARN | barnstar ]] , он может представить их с помощью [[ WP : RIBBON | ribbons ]] и этих цифр для указания количества. }}{{ multiple image | align = left | background color = #BBDD99 | width = 160 | image1 = Adoxa_moschatellina_210406.jpg | alt1 = Зеленая трава с несколькими крошечными желто-белыми цветками | image2 = Adoxa_moschatellina_210406a.jpg | alt2 = Три маленьких белых и желтых цветка на фоне зеленых листьев | image3 = adoxa_moschatellina_blatt.jpeg | alt3 = Листья растения, в группах по три с тремя лопастями | footer_background = #33CC00 | footer_align = center | footer = '' [[ Adoxa ]] '' ( ''Adoxa moschatellina'' ) }}Если у изображений чистый фон, он по умолчанию будет изменен на белый. Чтобы цвет фона изображений совпадал, установите их с помощью |image_style=background-color:. Возможно, вам также захочется удалить границу.
{{ multiple image | align = center | width = 64 | background color = black | image_style = background-color:black; border:none; | image1 = символ Овна (планетарный цвет).svg | link1 = Овен (астрология) | image2 = символ Тельца (планетарный цвет).svg | link2 = Телец (астрология) | image3 = символ Близнецов (планетарный цвет).svg | link3 = Близнецы (астрология) | image4 = символ Льва (планетарный цвет).svg | link4 = Лев (астрология) }}{{ несколько изображений | выравнивание = по левому краю | image1 = Мул (PSF).png | width1 = 143 | alt1 = Мул | link1 = Мул | caption1 = Мул | image2 = Осел 1 arp 750px.jpg | width2 = 150 | alt2 = Осел | link2 = | caption2 = Осел | image3 = Rainbow_trout.png | width3 = 91 | alt3 = Форель | caption3 = Рыба | footer = Изображение мула ссылается на [[ Мул ]] ; изображение осла не ссылается никуда; изображение форели ссылается на [[ Страницу описания изображения | стандартную страницу описания изображения ]] . }}По умолчанию изображения, представленные шаблоном, отображаются горизонтально, в виде строки (см. слева; эквивалентно настройке |direction=horizontal). Чтобы отобразить их вертикально, т. е. в виде столбца, установите |direction=vertical(см. справа).
На мобильных устройствах некоторые изображения всегда могут отображаться вертикально, если общая ширина превышает 320.
320px|total_width={{ несколько изображений | выравнивание = вправо | общая_ширина = 320 | image1 = Осел 1 arp 750px.jpg | alt1 = Осел | caption1 = Прямоугольное изображение осла, исходная высота 536 пикселей. | image2 = Rainbow_trout.png | alt2 = Форель | caption2 = Квадратное изображение форели, исходная высота 300 пикселей. | footer = Оба изображения были отрисованы с одинаковой высотой и общей шириной 320 пикселей }}Используя параметры |width[n]=и |height[n]=.
{{ несколько изображений | выравнивание = вправо | общая_ширина = 480 | image1 = Rainbow_trout.png | caption1 = Квадратное изображение форели, исходный размер 300 x 300 пикселей. | image2 = Rainbow_trout.png | width2 = 900 | height2 = 900 | caption2 = <code> width2 </code> x <code> height2 </code> = 900 x 900 . | image3 = Rainbow_trout.png | width3 = 100 | height3 = 200 | caption3 = <code> width3 </code> x <code> height3 </code> = 100 x 200 . | image4 = Rainbow_trout.png | width4 = 200 | height4 = 100 | caption4 = <code> width4 </code> x <code> height4 </code> = 200 x 100 . | footer = Все изображения были отрисованы с одинаковой высотой, за исключением image3, высота которого составляет 100/200 = 1/2 высоты других изображений. Image4 в 200/100 = 2 раза больше высоты image1, поэтому видна только его верхняя половина. Общая ширина установлена на 480 пикселей. }}Соотношение сторон каждого изображения автоматически извлекается из метаданных файла. Вы можете переопределить собственные значения ширины и высоты,
|width1= |height1= |width2= |height2=Чтобы создать массив изображений с несколькими строками, используйте |perrow=. Значение, переданное в , |perrow=может быть одним числом или списком чисел, разделенных /. Эту функцию также можно объединить с |total_width=для нескольких строк изображений с одинаковой общей шириной.
{{ multiple image | perrow = 2 | total_width = 300 | image1 = Kern_Theodolit_DKM2-A.jpg | image2 = Total-Robotic-Station.jpg | image3 = DumpyLevel.jpg | image4 = GPS_Survey_Equipment_at_Weir_Dyke_Bridge_-_geograph.org.uk_-_336908.jpg | footer = Геодезическое оборудование. По часовой стрелке от верхнего левого угла: оптический теодолит, роботизированный тахеометр, [[ Кинематика в реальном времени | RTK ]] базовая станция GPS, оптический уровень. }}Границу вокруг изображений можно удалить с помощью |image_style=border:none.
{{ несколько изображений | выравнивание = по правому краю | общая_ширина = 320 | стиль_изображения = border:none; | image1 = Осел 1 arp 750px.jpg | alt1 = Осел | caption1 = Изображение осла | image2 = Rainbow_trout.png | alt2 = Форель | caption2 = Изображение форели }}Разрыв между изображениями можно увеличить с помощью |image_gap=N, где N — количество пикселей (должно быть неотрицательным).
{{ несколько изображений | выравнивание = вправо | общая_ширина = 320 | зазор_изображения = 20 | image1 = Осел 1 arp 750px.jpg | alt1 = Осел | caption1 = Изображение осла | image2 = Rainbow_trout.png | alt2 = Форель | caption2 = Изображение форели }}На больших страницах многократное использование этого шаблона может привести к превышению максимального размера включения после расширения . Чтобы уменьшить размер включения, Module:Multiple image можно вызвать напрямую следующим образом (обратите внимание на дополнительный |символ после имени модуля):
{{ #invoke : несколько изображений | | ширина = 60 | image1 = значок пользовательского интерфейса OOjs wikiTemplate.svg | image2 = Cib-lua (значки CoreUI v1.0.0).svg }}TemplateData для множественных изображений
Этот шаблон создает блок с двумя-десятью изображениями, расположенными вертикально или горизонтально, с подписями для всего блока и каждого изображения.