웹진형 게시판 (이미지 미리보기) (배포중지) 정보
게시판 웹진형 게시판 (이미지 미리보기) (배포중지)
관련링크
본문
오래된 스킨이라 배포중지합니다.
현재 사용중인 웹진형 게시판 스킨을 조금 업그레이드 하였습니다.
그누보드 최신버전으로 다시 제작하였습니다.
리스트화면만 수정되었고, 글쓰기 및 글보기 화면은 원본 그대로입니다.
데모페이지 : http://www.suu.kr/bbs/board.php?bo_table=webzin
첨부파일의 이미지와 에디터의 이미지를 추출과 썸네일생성후 이미지정보를 불러오는
"image_view.php" 파일이 하나 추가되었습니다.
이번 스킨에서는 리스트 화면에서 이미지개수 표시와 이미지 미리보기 구현하는데 목표를 두고 제작하였습니다.
1. 게시판리스트 게시물 대표이미지위에 마우스오버시 추가 이미지를 레이어로 보여줍니다.
2. 게시판 리스트 화면에서 게시물별로 등록된 이미지 개수를 확인할 수 있습니다.
(첨부파일 이미지 + 에디터이미지)
3. 게시판리스트 화면에서 보여지는 대표이미지의 크기의 초기값은 가로 200픽셀, 세로 140픽셀 입니다.
관리자 페이지의 "갤러리 이미지폭" 과 "갤러리 이미지 높이" 입니다.
(게시판 생성시 꼭 설정해주세요.)
4. 대표이미지 마우스오버시 레이어에 표시되는 이미지 크기의 초기값은 가로 140, 세로 105픽셀입니다.
관리자페이지의 "여분필드 1값"은 가로크기이며, "여분필드 2값"은 세로 크기입니다.
( 값을 지정하지 않으면 리스트화면으로 이동시 초기값으로 자동 업데이트 됩니다. )
list.skin.php 및 image_view.php 파일의 코드에 아는만큼 주석으로 설명했습니다.
궁긍한 내용은 댓글로 남겨주시면 답변 드리겠습니다.
19
댓글 전체
아직 모바일쪽은 제가 필요한 부분이 없다보니 제작에 포함되지 않앗습니다.
이 스킨을 가지고 모바일 버전으로 제작하여 공개해 주실분이 계시지 않을까?? 조심스레 생각해봅니다. ^^
혹시 이미지가 없을때 빈 이미지없게 할수는 없나요?
다른 하나는
동영상 있을때 이미지 나오는 곳에 동영상 썸네일 이미지도 나오면 정말 좋을거 같습니다.
만약, 이미지 없을때 다른 이미지로 대체를 하고 싶으면 아래의 코드를 변경해 주시면 도비니다.
$img_content = "<div class='notice' style='line-height:".($board['bo_gallery_height'] - 30)."px;width:{$board['bo_gallery_width']}px;height:{$board['bo_gallery_height']}px'><i class='fa fa-image' aria-hidden='true'></i></div>";
위의 코드를 아래 코드로 변경하시고 대체할 이미지경로만 수정해주시면 됩니다.
$img_content = "<img src='이미지경로' data-id='{$list[$i]['wr_id']}' />";
동영상 썸네일 표시는 아직 계획에 없지만 다음 업그레이드 버전 제작시에 적용해보도록 하겠습니다.
감사합니다~
이미지가 차지하는 자리를 없애고 바로 글이 나오도록
안녕하세요 정말 좋은 스킨이네요 근데 제가 작동이 잘 안되서 질문 좀 해도 될까요? 루미님께서 말씀하신대로 했는데 이미지 쪽으로 가면은 이렇게 나와서 미리보기가 안나오네요 해결방법 있을까요?
혹시 테마 사용하시나요?
테마경로쪽에서 스킨 사용시에는 "image_view.php" 파일 2라인을 수정해야 합니다.
include_once("../../../common.php"); // 테마로 사용시 경로 수정 필요.
include_once("../../../../../common.php"); // 테마로 사용시 경로 수정 필요.
Warning: Use of undefined constant wr_content - assumed 'wr_content' (this will throw an Error in a future version of PHP) in C:\xampp\htdocs\skin\board\rumi_webzin\list.skin.php on line 153이렇게 나오는데 이유를 알수있을까요 ?
wr_content를 작은 따옴표( ' )로 감싸주시면 됩니다.
흠.. 저게 왜 저렇게 되었나 모르겠네요 ㅠㅠ
원인좀 알려주세요
직접 작성한 CSS가 스킨파일에 영향을 주는듯 하니 확인 해보세요.
