list페이지에서 첨부이미지 모두 보기(수정하여 재등록) > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

list페이지에서 첨부이미지 모두 보기(수정하여 재등록) 정보

갤러리 list페이지에서 첨부이미지 모두 보기(수정하여 재등록)

첨부파일

packery-fancybox.zip (29.1K) 224회 다운로드 2021-09-22 22:56:38
테스트한 버전5.4.15.1
호환 가능 버전V5.4이상

본문

제목 처럼 list 페이지에서 첨부파일 이미지를 모두 보기 할 수 있도록 기본 갤러리 스킨을 수정하였습니다.

당연히 php 무뇌한 이라 질답게시판에서 검색하여 짜집기하였습니다. 이리 저리 해매다 겨우 출력되도록하였기 때문에 누군의 소스를 참고했는지는 미처 확인하고 짜집기 하지 못하여 출처가 모호합니다. 하여간 그누의 고수님들의 도움으로 겨우 해결하였습니다. 여러 분들께 감사드립니다.

 

==아래 기능입니다===

(1) 리스트 페이지에 첨부한 이미지를 모두 볼 수 있습니다

(2) packery js 소스를 이용하여 list와 view 페이지 모두 벽돌스킨(masonry 스킨)을 구현하였습니다.

(3) list페이지에서는 fancy Box 소스를 이용하여 이미지 클릭시에 원본이미지가 팝업으로 뜨고 슬라이드 됩니다. (view 페이지는 구현 못함)

 

==문제점 및 안내입니다==

(1) packery 소스 style. css 가 링크가 안되어 list와 view 페이지에 직접넣었습니다

(2) php에 대한 지식이 없어서 모르는 문제점이 있을 수 있습니다

(3) 그누보드 기본 gallery 스킨에 적용하였습니다(단, 버튼 몇개는 부트스트랩 소스이므로 수정요함)

(4) 웹서버에 올리지 못하여 데모링크가 없어서 캡쳐이미지를 첨부했습니다

-링크는 집에 설치한 서버라 연결이 안되는 경우가 많을 것입니다

(5) view 페이지에도 masonry 스킨을 구현하였습니다 (DogFoot개발 님의 도움)

(6) 한번 글쓰기 할 때에 여러개의 이미지를 올리는 게시판이 필요해서 만들었습니다

(7) list 와 view 약간 수정했습니다. 

(8) 이미 동일한 스킨이 있을 수 있으나 찾지 못하여 올립니다

 

==적용방법==

(1) 게시판 스킨 폴더에 넣고 적용하면 됩니다

(2) 페이지당 목록 수는 1로 했습니다(물론 더 크게해도 상관없습니다 : 이미지가 많으면 로딩이 오래~)

(3) 피앙새님의 Gnutailwind 테마를 적용하면 반응형이 되네요.(반응형 아님 홈에서는 반응형 NO)

***글쓰기 안내문 및 게시물규제정책에 위반되면 관리자님께서 삭제해도 무방합니다***

 

추천
4

댓글 전체

전체 2,423 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT