- 제 목 갤러리 이미지 크기를 일괄적으로 변경하여 출력하기
갤러리 게시판을 구성시 관리자의 게시판 설정에서 이미지를 가로, 세로 pixel 입력하면, 리스트 화면에서 설정한 pixel 사이즈로 출력됩니다.
웹페이지에서 출력시 문제가 없지만 모바일웹에서는 디바이스 자체의 해상도로써는 원하는 디자인의 출력물을 기대하기가 힘듭니다.
이미지 크기를 변경하는 방법은 해당 모바일 스킨에서 태그로 적용하거나 인라인 스타일 적용 등과 같이 많은 방법을 제시해 드릴 수 있으나, 모바일 CSS를 사용하는 것이 가장 효과적입니다.
.boardWrap #gallery ul li {width:163px !important;}
.boardWrap #gallery ul li > img {height:108px;}
위와 같이 /Jsource/mobile.css에 적용하면 모바일웹에서 모든 갤러리 이미지는 가로 163pixel, 세로 108pixel로 출력됩니다.
웹페이지에서 출력시 문제가 없지만 모바일웹에서는 디바이스 자체의 해상도로써는 원하는 디자인의 출력물을 기대하기가 힘듭니다.
이미지 크기를 변경하는 방법은 해당 모바일 스킨에서 태그로 적용하거나 인라인 스타일 적용 등과 같이 많은 방법을 제시해 드릴 수 있으나, 모바일 CSS를 사용하는 것이 가장 효과적입니다.
.boardWrap #gallery ul li {width:163px !important;}
.boardWrap #gallery ul li > img {height:108px;}
위와 같이 /Jsource/mobile.css에 적용하면 모바일웹에서 모든 갤러리 이미지는 가로 163pixel, 세로 108pixel로 출력됩니다.