공지글 차별화 멀티옵션 갤러리

예전 게시글의 완성본입니다. - https://sir.kr/g5_skin/46519

1. 예전 버전의 문제점

로직상으로는 이상이 없습니다. 단지 "시각적"으로 유쾌하지 못합니다.

예를 들어서 페이지 목록수를 12개로 정해주면 공지글까지 합쳐서 12개가 만들어지기 때문에 공지글이 2개일 경우는 목록부분이 10개가 되어 이빨이 빠져버린 것처럼 느껴집니다. 공지글을 추가하거나 삭제할 경우 페이지 전체가 들썩거리는 시각적인 문제가 있었습니다. 물론 2번페이지 부터는 상관이 없구요.

그래서 공지 숫자에 상관없이 페이지 목록수가 유지되도록 새롭게 코드를 수정하였습니다.

--------------------

2. 기본코어를 건드리지 않으려고 했는데 재주가 메주라 bbs/list.php 를 수정할 수 밖에 없었습니다.

두개의 첨부파일을 모두 다운로드 받아야 합니다.

하나만 다운로드 받아도 기능하지 않습니다.

첫번째 첨부파일은 각각의 스킨 디렉토리에 올리고 두번째 첨부파일은 파일 3개를 모두 bbs 디텍토리로 올려주세요.

list.php 는 덮어씌우기가 됩니다. list_normal.php는 이전의 list.php 와 동일한 파일입니다.

list_notice.php 가 이 갤러리에서 사용할 파일입니다.

아래 그림처럼 게시판 여분필드 항목에서 가장 마지막 항목인 10 값에 yes 라고 적어줍니다.

만일 이 여분필드를 사용하지 않으면 원래의 list.php 처럼 작용하니 공지 갤러리를 적용할 때가 아니라면 처음부터 신경을 꺼 주시면 되겠습니다.

제목인 공지 차별화는 의미가 없고 그저 주석 설명글 정도이니 참고만 하시고 yes 영역만 집중해 주세요.

--------------------

3. 이 갤러리는 목록 이미지를 불러올 때 생성된 썸네일이 아니라 오리지널 이미지를 불러옵니다.

목록 이미지는 갤러리 원본 이미지의 가로 세로 사이즈에 상관없이 모든 목록 이미지의 가로 세로 길이를 똑 같은 사이즈로 불러오기 때문에 들쑥날쑥한 불편함이 없습니다.

세로길이의 퍼센트값을 조절하는 옵션이 게시판 관리페이지의 1번 여분필드에서 설정할 수 있습니다.

위 이미지의 예제에서는 80 으로 주었는데 이건 가로퍼센트가 100퍼센트라는 전제 하에서 세로길이의 퍼센트값을 의미합니다. 최대값은 100이고 100을 주면 정사각형이 됩니다.

단 100이상을 주면 그 영역은 진공으로 보이므로 100을 한계값으로 생각해 주세요.

주의사항은 70을 줄 때는 그냥 70으로 주어야지 70% 라는 꼬랑지는 붙이지 마세요.

---------------------

4. 목록 이미지에 라운드 옵션을 줄 수가 있습니다. 여분필드 2번입니다.

라운드값은 %값이나 px값을 줍니다. 이건 세로 퍼센트값과는 다르게 반드시 px 이나 % 라는 단위를 함께 입력합니다. 예제에서는 30px 을 주었습니다.

--------------------

5. 공지글 썸네일은 무조건 정사각형 이미지로 불러와 집니다.

이것도 게시판 여분필드 3에서 px 이나 % 로 입력합니다. 예제에서는 50% 로 주어서 원형이미지로 만들었습니다.

1,2,3번의 여분필드 제목은 큰 의미가 없습니다. 그냥 주석처럼 생각하세요.

--------------------

6. 갤러리 게시글은 내용물 글쓰기가 필요없는 경우가 많습니다. 글쓰기 모드에서 본문숨기기 체크 후 아무 글자나 적어주면 텍스트가 본문 상에서 보이지 않습니다. 

-------------------

7. pc 에서는 크롬에서 확인하였고 모바일에서는 안드로이드에서만 확인하였습니다.

그런데... 이상하게도 제가 자바스크립트로 만든 이미지 사이즈 조절함수 중 공지글 이미지함수가 크롬 모바일이나 네이버 어플 등에서는 잘 먹는데 삼성 인터넷에서는 잘 안 먹네요.

본문 목록과 동일한 코드인데 목록에서는 잘 먹거든요. 여하튼 재주 좋으신 분들은 알아서 고쳐 쓰세요.ㅋ

css 는 막코딩 했으니 다듬어서 사용하실 분들은 그렇게 하시길요.

---------------------

2021년 8월 4일 오전 03시 10분을 기해 소스를 수정하여 새로운 파일과 설명글 올렸습니다.

--------------------