이미지 리사이즈 될때 커졌다 작아지는 보이는 것 편법 수정 정보
이미지 리사이즈 될때 커졌다 작아지는 보이는 것 편법 수정본문
게시판 보다 큰 이미지를 첨부했을 때
이미지가 순간 커졌다 작아지는게 보이자나요
맨날이 이게 눈에 거슬렸는데 편법으로 소스를 한줄 추가해서 수정하였습니다.
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번재 윗줄을 보시면 리사이즈를 위해 정해논 것을 아시게 될겁니다. ^^*
추천
6
6
댓글 23개
좋은 팁이군요. 편법이라 말씀하시지만 코드를 가지고 표현을 할 수 있는것이라면 편법은 아니고 아이디어 겠지요.
좋은 아이디어 감사합니다.
자주 써먹게 될 팁이네요.
좋은 아이디어 감사합니다.
자주 써먹게 될 팁이네요.
앗! 오리주둥이님한테 칭찬을 받다닛!!! 감사합니다 ^^*
좋은팁이네요..참고하겠습니다.
감사합니다.

우와~ 정말 훌륭한 팁이군요^^
저도 이게 눈에 좀 거슬렸는데 말이지요.. 'NHEAD'님 감사히 자~알 쓰겠습니다!!!
저도 이게 눈에 좀 거슬렸는데 말이지요.. 'NHEAD'님 감사히 자~알 쓰겠습니다!!!

좋은 팁 감사합니다!

추천 합니다.

이미지 리사이징
감사합니다 ... ^^
우와 좋아요.. 정말 저도 눈에 거슬렸거든요 ㅎㅎ 감사합니다
좋은 팁 감사합니다.^^
감사합니다. lib를 수정한다는 것이 좀 그렇지만... 다음에 업그레이드시 파일 교체를 해야하면 좀 그렇잖아요...^^
좋은 팁입니다.
좋은 팁입니다.

감사합니다.

아.. 이런 방법이 ^^
정말 좋은 팁 배워 갑니다~!!
정말 좋은 팁 배워 갑니다~!!
좋은 팁 감사합니다. 즉시 적용해 보니 잘 됩니다...

훈륭한 팁이로군요. ^^
감사히 쓰겠습니다.
감사히 쓰겠습니다.

좋은 팁 감사합니다. 항상 불편했는데,,, 감사^^
감사요~

늦었지만 감사합니다.^^
이미지 리사이즈
정말 감사해요~ 이미지 사이즈맞춰 일일히 줄이다가 님 덕분에 해결됐네요~!!

감사합니다. ㅎㅎ

sdfsdfsd