이미지 리사이즈 될때 커졌다 작아지는 보이는 것 편법 수정
게시판 보다 큰 이미지를 첨부했을 때
이미지가 순간 커졌다 작아지는게 보이자나요
맨날이 이게 눈에 거슬렸는데 편법으로 소스를 한줄 추가해서 수정하였습니다.
lib폴더에 common.lib.php 에서
// 파일을 보이게 하는 링크 (이미지, 플래쉬, 동영상)
function view_file_link($file, $width, $height, $content="")
{
이 함수 안에 있는
if (preg_match("/\.($config[cf_image_extension])$/i", $file)) 이 부분을 찾습니다.
이 부분 아래에
<img src='$g4[path]/data/file/$board[bo_table]/".urlencode($file)."' onclick=image_window(this); name='target_resize_image[]' style='cursor:pointer;' title='$content'>
이런 부분이 있을 것입니다.
이 부분을 div로 감싸줍니다.
<div style='width:$width; height:$height ; overflow: hidden;'><img src='$g4[path]/data/file/$board[bo_table]/".urlencode($file)."' onclick=image_window(this); name='target_resize_image[]' style='cursor:pointer;' title='$content'></div>
이렇게 하면 이미지가 div안에서 커졌다가 줄어들기 때문에 게시판이 깨졌다가 정상적으로 보이는 것을 막을 수 있습니다.
실제론 커졌다 작아지긴 하지만 div에 같혀서 잘 안보이는 거죠;; ㅎㅎ 말그대로 편법입니다.
아참 div에서 width:$width; height:$height ; 의 $width,$height 가 어디서 튀어 나온건지 궁금하시다면
소스를 수정한 부분 8번재 윗줄을 보시면 리사이즈를 위해 정해논 것을 아시게 될겁니다. ^^*
이미지가 순간 커졌다 작아지는게 보이자나요
맨날이 이게 눈에 거슬렸는데 편법으로 소스를 한줄 추가해서 수정하였습니다.
lib폴더에 common.lib.php 에서
// 파일을 보이게 하는 링크 (이미지, 플래쉬, 동영상)
function view_file_link($file, $width, $height, $content="")
{
이 함수 안에 있는
if (preg_match("/\.($config[cf_image_extension])$/i", $file)) 이 부분을 찾습니다.
이 부분 아래에
<img src='$g4[path]/data/file/$board[bo_table]/".urlencode($file)."' onclick=image_window(this); name='target_resize_image[]' style='cursor:pointer;' title='$content'>
이런 부분이 있을 것입니다.
이 부분을 div로 감싸줍니다.
<div style='width:$width; height:$height ; overflow: hidden;'><img src='$g4[path]/data/file/$board[bo_table]/".urlencode($file)."' onclick=image_window(this); name='target_resize_image[]' style='cursor:pointer;' title='$content'></div>
이렇게 하면 이미지가 div안에서 커졌다가 줄어들기 때문에 게시판이 깨졌다가 정상적으로 보이는 것을 막을 수 있습니다.
실제론 커졌다 작아지긴 하지만 div에 같혀서 잘 안보이는 거죠;; ㅎㅎ 말그대로 편법입니다.
아참 div에서 width:$width; height:$height ; 의 $width,$height 가 어디서 튀어 나온건지 궁금하시다면
소스를 수정한 부분 8번재 윗줄을 보시면 리사이즈를 위해 정해논 것을 아시게 될겁니다. ^^*
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 23개
좋은 아이디어 감사합니다.
자주 써먹게 될 팁이네요.
저도 이게 눈에 좀 거슬렸는데 말이지요.. 'NHEAD'님 감사히 자~알 쓰겠습니다!!!
좋은 팁입니다.
정말 좋은 팁 배워 갑니다~!!
감사히 쓰겠습니다.