[게시판스킨] 갤러리형 게시판 - 고정사이즈 (최종수정: 22.11.18 15:28)

썸네일 사이즈가 고정인 갤러리 게시판입니다. 

아보카도 퍼스널 버전에 최적화 되어있으며 기존 아보카도 에디션에서도 어느정도 호환이 되도록 만들어져있습니다.

 

기존 갤러리 게시판과 전체적인 내용은 같으나 썸네일 가로와 세로 사이즈가 모두 고정인 점에서 차이를 둡니다.

지정된 게시판 가로 사이즈 내에 들어갈 수 있는 만큼의 썸네일 이미지가 나열됩니다

썸네일 박스는 디자인 설정의 '기본박스' 스타일을 따라갑니다.

 

1행에 최소로 필요한 가로 사이즈(게시판 가로) 계산은 (썸네일 가로 + 좌/우 여백) * 원하는 열 개수로 합니다

열 개수가 몇개 나올지 계산하고싶다면 전체가로/(썸네일가로+좌/우여백) 등으로 계산하시면 되겠습니다

*여기서 좌우여백은 좌측여백+우측여백이 아닌 좌측 또는 우측 여백을 말합니다

 

*스크린 사이즈 변경(pc에서 브라우저 크기를 늘리거나 줄이는 등의 행위)에 대응하는 코드는 따로 만들지 않았습니다(새로고침/페이지 넘김 등의 이동이 있을 때 마다 새로 맞춰짐)

 

 

 

설정 안내

게시판 이용에 도움이 될 옵션입니다. 설정하지 않아도 기본값이 있기 때문에 사용하는데는 문제 없습니다.

• 게시판 타입: '로그 게시판'으로 설정 할 경우 샘플 이미지에서 처럼 카테고리가 중앙 상단에 펼쳐져서 나타나고 '일반 게시판'으로 설정할 경우 선택박스로 접혀 좌측 상단에 나타납니다
• 페이지당 목록 수: 한 페이지에 노출될 이미지 개수를 설정합니다. 스크린 사이즈에 따라 열 개수가 달라지기 때문에 경우에 따라 행이 완전히 채워지지 않을 수 있습니다.
• 파일 업로드 개수: dhtml 에디터를 사용하지 않을 경우(본문 노출 x) 한 게시물에 업로드 가능한 파일 개수를 설정합니다.
• dhtml 에디터 사용: 사용하지 않을 경우 본문에 적은 내용이 노출되지 않습니다. 사용 설정시 본문에 적은 내용이 노출됩니다.

dhtml 사용할 경우 나타나는 본문 텍스트

• 여분필드1 값: 썸네일 사이즈를 정합니다. 1개의 값만 입력할 경우 (예: 240) 가로와 세로 값이 동일하게 지정됩니다. 가로와 세로 값을 다르게 지정하고싶은 경우 가로|세로 형식으로 입력합니다.(예: 230|200) 설정하지 않을 경우 기본값인 240*240으로 출력됩니다.
• 여분필드2 값: 각 썸네일 이미지 간의 간격을 설정합니다. 1개의 값만 입력할 경우(예:20) 상하여백과 좌우여백이 동일하게 적용됩니다. 상하여백과 좌우여백 값을 다르게 지정하고 싶은 경우 상하여백|좌우여백 형식으로 입력합니다.(예:10|20) 설정하지 않을 경우 기본값인 상하좌우 여백 10으로 설정됩니다.

썸네일 가로 230 세로 200, 여백 사이즈 상하좌우 20

예시 설정을 적용한 게시판 목록

 

 

** 22.11.18 15:28 갤러리 열 개수가 4개가 아닐때 남는 칸수가 제대로 계산되지 않는 문제 수정

 

 

 

다운로드

 

<갤러리 게시판 - 고정사이즈 다운로드 (gallery_fix.zip)>