이미지 리사이즈 될때 커졌다 작아지는 보이는 것 편법 수정 > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

이미지 리사이즈 될때 커졌다 작아지는 보이는 것 편법 수정 정보

이미지 리사이즈 될때 커졌다 작아지는 보이는 것 편법 수정

본문

게시판 보다 큰 이미지를 첨부했을 때

이미지가 순간 커졌다 작아지는게 보이자나요

맨날이 이게 눈에 거슬렸는데 편법으로 소스를 한줄 추가해서 수정하였습니다.

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번재 윗줄을 보시면 리사이즈를 위해 정해논 것을 아시게 될겁니다. ^^*
추천
6

댓글 23개

좋은 팁이군요. 편법이라 말씀하시지만 코드를 가지고 표현을 할 수 있는것이라면 편법은 아니고 아이디어 겠지요.
좋은 아이디어 감사합니다.
자주 써먹게 될 팁이네요.
감사합니다. lib를 수정한다는 것이 좀 그렇지만... 다음에 업그레이드시 파일 교체를 해야하면 좀 그렇잖아요...^^
좋은 팁입니다.
전체 3,309 |RSS
그누4 팁자료실 내용 검색

회원로그인

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