틀:이미지크기: 두 판 사이의 차이

2018년 4월 3일 (화) 16:41 판

이미지의 크기를 사용자 입맛대로 조절합니다. 백괴사전에서 px 단위밖에 먹히지 않는 단점을 보완해 만들었습니다. 일반 브라우저에서 사용하는 모든 단위를 사용 할 수 있습니다.

사용법

  {{이미지 크기
     |( 크기를 조절할 이미지, [[그림:example.png]]형태로 넣어주세요 )
     |( 이미지의 너비, 기본값 initial )
     |( 이미지의 높이, 기본값 initial)
  }}

사용 예

너비를 화면에 꽉차게

사용문법:  {{이미지크기|[[File:Indian Palm Squirrel 2013.jpg]]|100%}}

높이를 화면에 꽉차게

사용문법:  {{이미지크기|[[File:Indian Palm Squirrel 2013.jpg|center]]|3=100vh}}

너비를 절반으로 한 후 가운데정렬

사용문법:  {{이미지크기|[[File:Indian Palm Squirrel 2013.jpg|center]]|50%}}

@@ 1번째 줄: / 1번째 줄: @@
-<onlyinclude>{{#css:
+<includeonly><onlyinclude>
-   .template_imagesize img{
+{{#vardefine:t_imagesize_rand| {{#rand:100000|1000000}} }}
+{{#css:
+   .template_imagesize_{{#var:t_imagesize_rand}} img{
       width: {{{2|initial}}}!important;
       height: {{{3|initial}}}!important;
    }
-}}<span class="template_imagesize">{{{1}}}</span></onlyinclude>
+}}<span class="template_imagesize_{{#var:t_imagesize_rand}}">{{{1}}}</span></onlyinclude></includeonly>
 이미지의 크기를 사용자 입맛대로 조절합니다. 백괴사전에서 px 단위밖에 먹히지 않는 단점을 보완해 만들었습니다. 일반 브라우저에서 사용하는 모든 단위를 사용 할 수 있습니다.
 == 사용법 ==
@@ 16번째 줄: / 18번째 줄: @@
 </pre>
 == 사용 예 ==
-=== 너비 100% ===
+=== 너비를 화면에 꽉차게 ===
+ 사용문법: <nowiki> {{이미지크기|[[File:Indian Palm Squirrel 2013.jpg]]|100%}} </nowiki>
 {{이미지크기|[[File:Indian Palm Squirrel 2013.jpg]]|100%}}
+=== 높이를 화면에 꽉차게 ===
+ 사용문법: <nowiki> {{이미지크기|[[File:Indian Palm Squirrel 2013.jpg|center]]|3=100vh}} </nowiki>
+{{이미지크기|[[File:Indian Palm Squirrel 2013.jpg|center]]|3=100vh}}
+=== 너비를 절반으로 한 후 가운데정렬 ===
+ 사용문법: <nowiki> {{이미지크기|[[File:Indian Palm Squirrel 2013.jpg|center]]|50%}} </nowiki>
+{{이미지크기|[[File:Indian Palm Squirrel 2013.jpg|center]]|50%}}