템플릿:Multiple image다중 이미지

템플릿 설명서[보기] [편집] [이력] [이력] [이력]

갤러리를 만들기 전에 갤러리에 대한 이미지 사용 정책을 읽어 보십시오. 일반적으로 텍스트와 인접한 곳에 이미지가 효과적으로 표시될 수 있는 공간이 있는 한 갤러리를 추가해서는 안 된다.

이 템플릿은 Lua: 모듈:다중 이미지(샌드박스)

이 템플릿은 TemplateStyles를 사용한다. 템플릿:다중 이미지/스타일.css(샌드박스)

이 템플릿은 두 개에서 열 개 사이의 이미지를 포함하는 상자를 만들며, 세로 또는 가로로 정렬되고 전체 상자 또는 이미지당 캡션으로 정렬된다.

적절한 파라미터 선택으로 템플릿은 각 영상의 높이가 같은 특정 총 너비로 영상을 자동으로 크기를 조정할 수 있다.

이 템플릿은 사용자의 기본 이미지 크기 기본 설정을 따르지 않는다는 점에 유의하십시오. (위키피디아:이미지 사용 정책 상태: "아주 타당한 이유 외에는 "..." "고정된 이미지 너비를 강제한다."MOS:IMGSIZE에 따르면 픽셀 단위의 고정 너비는 "필요한 경우"만 지정할 수 있다.)^[a]

영상 크기 파라미터가 생략된 경우 이 템플릿은 판독기가 일부 다른 기본 영상 너비에 대한 기본 설정을 설정했는지 여부에 관계없이 모든 영상을 200px 너비로 설정한다. 이로 인해 여러 개의 이미지가 기사의 다른 이미지와 맞지 않게 보이게 된다.

구문 및 매개변수

자동 크기 조정을 얻을 수 있는 높이[n] 및 전체_width 매개 변수를 제공하십시오. 자동 크기 조정 없이 대와 함께 너비[n] 매개변수의 다른 의미에 유의하십시오. 또한 다중 이미지 템플릿의 시작 부분에 total_width 매개 변수를 설정하는 옵션도 참고하십시오.

동일한 높이로 모든 영상의 자동 크기 조정 안 함

{{다중 이미지 perrow=1total_width=600<>!--레이아웃 매개 변수가 있습니다.>align=개체,!죠(기본),, 가운데, 왼쪽 아무도-->방향)<.!입니다. 수평적(기본), 수직,>배경 색=<>!'hex 세 쌍둥이의 웹 색#예제에 접두사가--상자 배경.#33CC00,>너비=<>!--의 표시 너비픽셀 단위로 각 이미지,"width[n]"s 아래 을 재정의합니다;!--(기본), 중앙, 그렇죠?-->image_style=<>!--국경:1;(기본)-->image_gap=<>!--5(기본),>>!--헤더,>header_background)<.!--'hex triplet'으로 헤더 배경을 떠나caption_align=<>(정수"px"접미사 생략하). 웹 색상#예제에 접두사가.#33CC00 -->   header_align      = <!-- center (default), left, right -->   header            = <!-- header text --> <!--image 1-->   image1            = <!-- filename only, i.e. without "File:" or "Image:" prefix -->   width1            = <!-- displayed width of image; overridden by "width" above -->   alt1              =    link1             =        이미지의 폭을 전시했다 Thumbtime1)caption1)<>!--이미지 2-->image2)<.!--파일 이름만, 즉"파일:"또는"이미지:"접두사 없이-->width2)<.!,"폭"에 의해<--위에 재정의될 때;alt2)link2)thumbtime2)caption2)<>입니다. 그리고. 그래서, 최대 o.에f 10개의 이미지(이미지10) --><!-- 바닥글 --> 바닥글_백그라운드 = <!-- 바닥글 배경은 #33CC00 --> 바닥글_align = <!-- 왼쪽(기본값), 가운데, 오른쪽(오른쪽) 바닥글 = <!-- 바닥글 텍스트 --> }}}}}}}}}}}}}}}}} 

모든 영상의 동일한 높이와 지정된 총 너비로 자동 크기 조정

{{복상<>!--레이아웃 매개 변수가 있습니다.>align=개체,!죠(기본),, 가운데, 왼쪽 아무도-->방향)<.!입니다. 수평적(기본), 수직,>배경 색=<>!--상자 배경 >, total_width)<>!--모든 표시된 이미지의 픽셀(가omit"px"의 총 너비입니다.접미사 음…>caption_aliGn)<>!--(기본), 바로>>!--헤더,>header_background)header_align=<.!--센터(기본),--을 가 버렸으니 헤더 < =.!--이미지 1>image1)<.!--파일 이름만, 즉 중심을 떠났다"파일:"또는"이미지:"접두사,>alt1)link1 없이.           )thumbtime1)    Caption1)<>!--이미지 2-->image2)<.!--파일 이름만, 즉"파일:"또는"이미지:"접두사 없이-->alt2)link2)thumbtime2)caption2)<>입니다. 그리고 그렇다면, 사진 10장을 최대치로(image10)에>>!--Footer,>footer_background)footer_al.ign)<>입니다.(d을 떠났다efault), 중앙, 오른쪽 --> 바닥글 = }} 

예

선수들은 옐로우 카드로 경고를 받고 레드 카드로 퇴장한다.

{{복수의 영상폭 = 60 image1 = 옐로카드.svg alt1 = 옐로카드.svg alt2 = 레드카드.svg alt2 = 레드카드로 경고를 받고 레드카드로 퇴장한다. }} 

PNG 투명성 시연

8비트 투명 계층의 PNG 이미지...

...여기 체크무늬 배경 위에.

{{여러 이미지 정렬 = 왼쪽 방향 = 세로 폭 = 200 헤더 = [Portable Network Graphics PNG] 투명성 입증 이미지1 = PNG 투명성 입증 이미지1 = 흰색 배경 캡션으로 컬러 주사위1 = 8비트 투명 레이어가 있는 PNG 이미지...    image2 = PNG 투명성 시연 2.png alt2 = 체크무늬 배경 캡션이 있는 컬러 주사위2 = ...여기에 체크무늬 바탕을 덧씌우는 것. }} 

사용자가 많은 종류의 헛별을 가지고 있을 때, 그들은 그것들을 리본과 숫자를 표시하기 위한 숫자로 나타낼 수 있다.

{{복수의 영상폭 = 60 image1=Ribbon number 2.png alt1=2 image2=Ribbon number 3.png alt2=3 image3=리본 숫자 4.png alt3=4 바닥글 = 사용자가 한 가지 유형의 [[WP:BANnstar]]], [[WP:]로 대표할 수 있다.리본 리본]]] 및 이 숫자들로 카운트를 표시한다. }} 

배경색 포함

아독사 (아독사 모샤텔리나)

{{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 pl개미, 각각 3개의 로브족 footer_background = #33CC00 footer_align = 중앙족 footer = [Adoxa]('Adoxa moschatellina') }}}} 

링크 포함(링크[n])

노새
(骡子 luózi)

당나귀
(驴子 lǘzi)

물고기 한 마리
(鱼yú)

노새의 이미지는 뮬과 연결되고, 당나귀의 이미지는 어디에도 연결되지 않으며, 송어의 이미지는 표준 이미지 설명 페이지로 연결된다.

{{복상 align)image1를 Frecklesmule.jpg=143alt1 width1)노새 link1)뮬 caption1한 mule<(骡子"luózi")image2)당나귀 1arp 750px.jpg width2=150alt2한 당나귀 link2)caption2한 donkey<, br />,(驴子"lǘzi")image3를 Rainbow_trout.png=91alt3 width3한 정확 br /&gt을 떠났다완패 caption3 = 물고기</>({{lang zh 2=鱼}) 바닥글 = 노새의 이미지는 [[Mule]로 연결되고, 당나귀의 이미지는 아무 곳에도 연결되지 않으며, 송어의 이미지는 [이미지 설명 페이지 표준 이미지 설명 페이지]로 연결된다. }} 

방향 사용

기본적으로 템플릿이 표시하는 영상은 수평으로 행으로 표시된다(왼쪽 참조, 설정 방향=수평). 수직으로 표시하려면(즉, 열로) 방향=수직(수직)을 설정하십시오(오른쪽 참조).

(iii)

(iii)

모바일 장치에서 전체 너비가 약 320보다 클 경우 일부 영상은 항상 수직으로 표시될 수 있다.

이미지 높이를 일치시키려면

• 320px와 같이 모든 이미지의 총 너비를 결정하십시오.
• 다음을 사용하여 총 너비 설정 total_width=

당나귀의 직사각형 이미지, 원래 536픽셀의 높이.

송어의 사각형 이미지, 원래 300픽셀의 높이.

두 이미지는 동일한 높이로 렌더링되었으며 총 너비는 320px이다.

{{여러 이미지 정렬 = 오른쪽 총폭 = 320 이미지1 = 당나귀 1 arp 750px.jpg alt1 = 당나귀의 직사각형 이미지, 원래 536픽셀의 높이. 이미지2 = 레인보우_trout.png alt2 = 송어 자막2 = 원래 300픽셀의 높이인 송어의 사각 이미지.     바닥글 = 두 영상이 동일한 높이로 렌더링되었으며, 총 폭은 320px }} 

사용 width[n]= 그리고 height[n]= 매개변수.

송어의 사각형 이미지, 원래 300 x 300 픽셀.

width2 x height2 = 900 x 900.

width3 x height3 = 100 x 200.

width4 x height4 = 200 x 100.

다른 이미지의 높이 2분의 100/200 = 1/2인 image3를 제외한 모든 영상이 동일한 높이로 렌더링되었다. Image4는 200/100 = 이미지1의 2배 높이로, 상반부만 보인다. 총 너비가 480px로 설정됨.

{{복상 align 돌아선 오른쪽 total_width)480image1)Rainbow_trout.png caption1 송어의 광장 이미지, 원래 300x300픽셀입니다. image2)Rainbow_trout.png)900caption2=<>code>, width2<, /code>^<>code>, height2<, /code>.=900x900.image3)Rainbow_trout.png wid=900height2 width2.th3=100height3=200caption3)<>code>, width3<, /code>^<>code>, height3<, /code>.=100x200.image4)Rainbow_trout.png width4=200height4=100caption4)<>code>, width4<, /code>^<>code>, height4<, /code>.=200x100. 글)모든 이미지가 높이에 있는 1image3을 제외한 시스템으로 발전하였습니다.00/200=반의 다른 이미지의 높이. Image4는 200/100 = 이미지1의 2배 높이로, 상반부만 보인다. 총 너비가 480px로 설정됨. }} 

각 이미지의 가로 세로 비율은 파일 메타데이터에서 자동으로 검색된다. 다음을 기준으로 기본 너비 및 높이 값을 재정의할 수 있음

• 전체 해상도를 얻기 위해 개별 이미지 페이지 검토. 예를 들면 다음과 같다.
  • 파일:Donkey 1 arp 750px.jpg에 "Donkey_1_arp_750px.jpg(750 × 536 픽셀, 파일 크기: 125KB, MIME 유형: image/jpeg)"가 표시됨
  • 파일:레인보우 송어.png에 "Rainbow_trout.png(300 × 300픽셀, 파일 크기: 158KB, MIME 유형: image/png)"가 표시됨
• 양식의 각 이미지에 대한 전체 너비와 높이를 지정하십시오.
  • width1= height1= width2= height2=

다중 행

여러 행으로 이미지 배열을 만들려면 perrow=. 전달된 값 perrow= 단일 숫자 또는 다음과 같이 구분된 숫자 목록일 수 있음 /이 특성은 다음 항목과 결합될 수 있다. total_width= 동일한 총 너비를 가진 여러 영상 행의 경우

측량 장비. 왼쪽 상단에서 시계 방향으로: 광학 테오돌라이트, 로보틱 토탈 스테이션, 광학 레벨, RTK GPS 베이스 스테이션.

{{여러 이미지 페로 = 2 total_width=300 image1 = Kern_Todorolit_DKM2-A.jpg 이미지2 = Total-Robotic-Station.jpg 이미지3 = DumpyLevel.jpg 이미지4 = GPS_Survey_Equipment_at_Weir_Dyke_Bridge_-_geograph.org.uk_-_336908.jpg 바닥글 = 측량 장비. 왼쪽 위에서 시계 방향: 광학 테오돌라이트, 로보틱 토탈 스테이션, 광학 레벨, [실시간 키네마틱 RTK] GPS 베이스 스테이션. }} 

이미지 테두리 제거

이미지 주위의 테두리는 다음을 사용하여 제거할 수 있다. image_style=border:none.

당나귀 이미지

송어의 이미지

{{여러 이미지 정렬 = 오른쪽 총체_폭 = 320 이미지_스타일 = 국경:없음; 이미지1 = 당나귀 1 arp 750px.jpg alt1 = 당나귀 이미지1 = 무지개_trout.png alt2 = 송어 이미지}}}}}

이미지 간 간격 증가

이미지 사이의 간격은 다음을 사용하여 늘릴 수 있다. image_gap=N여기서 N은 픽셀 수입니다(음수가 아니어야 함).

당나귀 이미지

송어의 이미지

{{여러 이미지 정렬 = 오른쪽 총액_폭 = 320 이미지_갭 = 20 이미지1 = 당나귀 1 arp 750px.jpg alt1 = 당나귀 이미지1 = 당나귀 이미지2 = 레인보우_trout.png alt2 = 송어 이미지}}}}}

템플릿 데이터

추적 카테고리

• 범주:다중 이미지를 자동 확장된 이미지와 함께 사용하는 페이지(8,749개)
• 범주:수동 축소 이미지와 함께 다중 이미지를 사용하는 페이지(1,458)

메모들

참고 항목

• {{갤러리}}
• {{이미지 어레이}}
• {{이미지 프레임}}
• {{포토몬타주}}
• {{스택}}