웹마스터 팁
댓글창에서 프로필이미지가 없는 경우 기본이미지 출력하기
2008.04.19 18:36
엄청 단순한 팁이지만 혹시 필요하신 분이 있을까 해서 올려봅니다.
제목대로 댓글창에서 프로필 이미지가 출력되는데,
프로필 이미지가 없는 경우 기본으로 설정된 이미지를 출력하는 방법입니다.
(!!! 글 본문의 서명란에는 적용되지 않습니다 !!!)
modules/board/skins/xe_board/comment.html 을 수정하시면 됩니다.
66번째 라인을 보시면 위와 같은 코드가 있을 것입니다. 이것을 수정해주면 됩니다.
3~4번째 라인을 추가해주시면 됩니다.
파일명 부분에는 말그대로 업로드한 파일의 이름을 적어주시면 됩니다. 프로필 이미지와 같은 사이즈의 이미지를 올리는게 좋겠죠.
(다른 사이즈의 이미지를 사용할 경우 위와 같이 클래스명을 따로 줘서 별도의 스타일을 적용해야 합니다.)
파일을 업로드할 경로는 modules/board/skins/xe_board/images 가 되겠습니다.
적용한 예제입니다. (댓글창의 레이아웃이 다른건 신경쓰지 마시길...제가 보기 편한 폼으로 고쳐쓰고 있을뿐입니다...)
제목대로 댓글창에서 프로필 이미지가 출력되는데,
프로필 이미지가 없는 경우 기본으로 설정된 이미지를 출력하는 방법입니다.
(!!! 글 본문의 서명란에는 적용되지 않습니다 !!!)
modules/board/skins/xe_board/comment.html 을 수정하시면 됩니다.
<!--@if($comment->getProfileImage())-->
<img src="{$comment->getProfileImage()}" alt="profile" class="commentProfileImage" />
<!--@end-->66번째 라인을 보시면 위와 같은 코드가 있을 것입니다. 이것을 수정해주면 됩니다.
<!--@if($comment->getProfileImage())-->
<img src="{$comment->getProfileImage()}" alt="profile" class="commentProfileImage" />
<!--@else-->
<img src="./images/파일명" alt="noprofile" class="commentNoProfileImage" />
<!--@end-->3~4번째 라인을 추가해주시면 됩니다.
※ 추가 (비나무님 지적사항 수정)
변경된 코드의 class="commentNoProfileImage" 부분은 등록된 프로필 이미지가 없을 경우 출력되는 이미지의 사이즈가
다를때 별도의 클래스를 적용하기 위한 것입니다. 관리자가 지정한 사이즈와 동일한 이미지를 사용할 경우 2번째 라인과 동일하게 써주시면 됩니다.
변경된 코드의 class="commentNoProfileImage" 부분은 등록된 프로필 이미지가 없을 경우 출력되는 이미지의 사이즈가
다를때 별도의 클래스를 적용하기 위한 것입니다. 관리자가 지정한 사이즈와 동일한 이미지를 사용할 경우 2번째 라인과 동일하게 써주시면 됩니다.
파일명 부분에는 말그대로 업로드한 파일의 이름을 적어주시면 됩니다. 프로필 이미지와 같은 사이즈의 이미지를 올리는게 좋겠죠.
(다른 사이즈의 이미지를 사용할 경우 위와 같이 클래스명을 따로 줘서 별도의 스타일을 적용해야 합니다.)
파일을 업로드할 경로는 modules/board/skins/xe_board/images 가 되겠습니다.
적용한 예제입니다. (댓글창의 레이아웃이 다른건 신경쓰지 마시길...제가 보기 편한 폼으로 고쳐쓰고 있을뿐입니다...)
댓글 8
-
퍼플F
2008.04.19 19:23
-
나뚜르
2008.04.19 20:41
좋은팁 감사드립니다 ^^ -
똘또리장군
2008.04.22 21:08
정말 기다리고 기다리던 팁이에요~!^^
그러면 혹시 이미지마크도 이런 식으로 할수있을가요?......이미지마크 등록안한 회원은 기본이미지마크가 뜨도록....제발....ㅠㅠ -
Intellious
2008.04.28 00:21
앗, 두번째 스마일맨이군요...
GIS SAC 보는 내내 저 스마일맨의 정체가 넘넘 궁금해서 미칠것 같았는데, 지금 생각하려니...지금도 모르겠네요...ㅋㅋ -
<!--@if($comment->getProfileImage())-->
<img src="{$comment->getProfileImage()}" alt="profile" class="commentProfileImage" />
<!--@else-->
<img src="./images/파일명" alt="noprofile" class="commentNoProfileImage" />
<!--@end-->
위의 진하게 설정한 부분은 css를 다르게 설정할 경우겠죠?? ^^;;;;;;;
<!--@if($comment->getProfileImage())-->
<img src="{$comment->getProfileImage()}" alt="profile" class="commentProfileImage" />
<!--@else-->
<img src="./images/파일명" alt="noprofile" class="commentProfileImage" />
<!--@end-->
위와 같이 해야할 듯 하네요... ^^
좋은 팁 감사~~! -
카카달려
2008.04.28 22:37
아 미쳐 고치지 못한 부분을 정확히 지적해 주셨군요 ^^ -
유우타
2008.08.17 15:15
감사합니다. 잘 쓰겠습니다. ^^
원하던거엿어요~~ -
게시판 EX의 경우. _view.comment.html
<!--@if($module_info->display_sign != 'N' && $comment->member_srl && $comment->profileImage)-->
<div class="image">
<img src="{$comment->profileImage}" alt="profile" /></div>
<!--@else-->
<img src="대체이미지 주소" alt="noprofile" class="commentNoProfileImage" />
<!--@end-->
(그래서 onerror="this.src='#';" 이걸로 뻐팅겼답니다;)
지금이라도 알게되어 감사를^^;