이미지 리사이즈 될때 커졌다 작아지는 보이는 것 편법 수정
게시판 보다 큰 이미지를 첨부했을 때
이미지가 순간 커졌다 작아지는게 보이자나요
맨날이 이게 눈에 거슬렸는데 편법으로 소스를 한줄 추가해서 수정하였습니다.
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개
오리주둥이
18년 전
좋은 팁이군요. 편법이라 말씀하시지만 코드를 가지고 표현을 할 수 있는것이라면 편법은 아니고 아이디어 겠지요.
좋은 아이디어 감사합니다.
자주 써먹게 될 팁이네요.
좋은 아이디어 감사합니다.
자주 써먹게 될 팁이네요.
NHEAD
18년 전
앗! 오리주둥이님한테 칭찬을 받다닛!!! 감사합니다 ^^*
zipshin
18년 전
좋은팁이네요..참고하겠습니다.
18년 전
감사합니다.
funpic
18년 전
우와~ 정말 훌륭한 팁이군요^^
저도 이게 눈에 좀 거슬렸는데 말이지요.. 'NHEAD'님 감사히 자~알 쓰겠습니다!!!
저도 이게 눈에 좀 거슬렸는데 말이지요.. 'NHEAD'님 감사히 자~알 쓰겠습니다!!!
raineye
18년 전
좋은 팁 감사합니다!
18년 전
추천 합니다.
dogskin
18년 전
이미지 리사이징
18년 전
감사합니다 ... ^^
18년 전
우와 좋아요.. 정말 저도 눈에 거슬렸거든요 ㅎㅎ 감사합니다
adeurian
17년 전
좋은 팁 감사합니다.^^
17년 전
감사합니다. lib를 수정한다는 것이 좀 그렇지만... 다음에 업그레이드시 파일 교체를 해야하면 좀 그렇잖아요...^^
좋은 팁입니다.
좋은 팁입니다.
17년 전
감사합니다.
17년 전
아.. 이런 방법이 ^^
정말 좋은 팁 배워 갑니다~!!
정말 좋은 팁 배워 갑니다~!!
17년 전
좋은 팁 감사합니다. 즉시 적용해 보니 잘 됩니다...
보이지않는길
17년 전
훈륭한 팁이로군요. ^^
감사히 쓰겠습니다.
감사히 쓰겠습니다.
17년 전
좋은 팁 감사합니다. 항상 불편했는데,,, 감사^^
17년 전
감사요~
17년 전
늦었지만 감사합니다.^^
16년 전
이미지 리사이즈
작은아씨들
16년 전
정말 감사해요~ 이미지 사이즈맞춰 일일히 줄이다가 님 덕분에 해결됐네요~!!
16년 전
감사합니다. ㅎㅎ
13년 전
sdfsdfsd
게시판 목록
그누4 팁자료실
그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3309 | 3년 전 | 1808 | ||
| 3308 | 11년 전 | 2094 | ||
| 3307 |
uPAmJ903
|
6년 전 | 4754 | |
| 3306 |
바른사나이
|
6년 전 | 3274 | |
| 3305 | 6년 전 | 12313 | ||
| 3304 | 7년 전 | 3706 | ||
| 3303 | 7년 전 | 3746 | ||
| 3302 |
지리산초보
|
7년 전 | 13598 | |
| 3301 |
sozet
|
8년 전 | 4906 | |
| 3300 |
sozet
|
8년 전 | 5975 | |
| 3299 |
sozet
|
8년 전 | 10864 | |
| 3298 | 8년 전 | 4018 | ||
| 3297 |
또치하우스
|
8년 전 | 4445 | |
| 3296 | 8년 전 | 11973 | ||
| 3295 |
또치하우스
|
8년 전 | 14989 | |
| 3294 | 8년 전 | 6031 | ||
| 3293 | 8년 전 | 5594 | ||
| 3292 |
 bluells |
9년 전 | 5321 | |
| 3291 | 9년 전 | 13684 | ||
| 3290 | 9년 전 | 5056 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기