글 수정에서 업로드된 이미지를 보여주는 팁 - 업데이트 정보
글 수정에서 업로드된 이미지를 보여주는 팁 - 업데이트본문
오달수님의 글 수정에서 업로드된 이미지를 보여주는 팁을 조금 수정했습니다..
http://www.sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=3269
불필요한 쿼리를 돌리지 않고 소스또한 간결하며...클릭시 원본크기의 이미지도 보여줍니다...
스킨의 <? if ($is_file) { ?> 하단에 아래내용을 넣어줍니다.
<?
$file_preview_script = '';
// 수정일때만...
if ($w == "u")
{
for ($i=0; $i<$file[count]; $i++)
{
$file_preview_script .= str_replace("<img ","<img style='border:0; margin:2 2 2 2; width:55px; height:70px;' tmp_width={$file[$i][image_width]} tmp_height={$file[$i][image_height]} ",$file[$i][view]);
}
}
?>
그리고 나서...
<table id="variableFiles" cellpadding=0 cellspacing=0></table> 앞에 <?=$file_preview_script?> 를 넣어줍니다.
아래처럼...
<?=$file_preview_script?><table id="variableFiles" cellpadding=0 cellspacing=0></table>
이상입니다.
http://www.sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=3269
불필요한 쿼리를 돌리지 않고 소스또한 간결하며...클릭시 원본크기의 이미지도 보여줍니다...
스킨의 <? if ($is_file) { ?> 하단에 아래내용을 넣어줍니다.
<?
$file_preview_script = '';
// 수정일때만...
if ($w == "u")
{
for ($i=0; $i<$file[count]; $i++)
{
$file_preview_script .= str_replace("<img ","<img style='border:0; margin:2 2 2 2; width:55px; height:70px;' tmp_width={$file[$i][image_width]} tmp_height={$file[$i][image_height]} ",$file[$i][view]);
}
}
?>
그리고 나서...
<table id="variableFiles" cellpadding=0 cellspacing=0></table> 앞에 <?=$file_preview_script?> 를 넣어줍니다.
아래처럼...
<?=$file_preview_script?><table id="variableFiles" cellpadding=0 cellspacing=0></table>
이상입니다.
추천
1
1
댓글 10개
감사합니다.
저두 감사합니다^^
달수님께도 감사~
달수님께도 감사~
감사감사 꼭 필요했는데요^^;
아주 좋은 팁이네요....정식버젼에도 포함되면 아주 좋을듯 합니다. ^^
근데, 한가지 문제가 .... ^^;;
이미지를 한 10개즘 등록하고나서 보니...
수정화면에서 등록된 이미지를 한줄로 쫘~~~~악~~~~ 보여주는 바람에
게시판 테이블이 밀려 버리게 되네요.
이미지가 많이 등록된 경우, 두줄이상으로 어떻게 이미지를 내려서 정렬할수는 없을까요?
근데, 한가지 문제가 .... ^^;;
이미지를 한 10개즘 등록하고나서 보니...
수정화면에서 등록된 이미지를 한줄로 쫘~~~~악~~~~ 보여주는 바람에
게시판 테이블이 밀려 버리게 되네요.
이미지가 많이 등록된 경우, 두줄이상으로 어떻게 이미지를 내려서 정렬할수는 없을까요?
아래처럼 해보시죵...^^
<?
$file_preview_script = '<table border=0 cellpadding=0 cellspacing=0 style=table-layout:fixed width=100%><tr><td>';
// 수정일때만...
if ($w == "u")
{
for ($i=0; $i<$file[count]; $i++)
{
$file_preview_script .= str_replace("<img ","<img style='border:0; margin:2 2 2 2; width:55px; height:70px;' tmp_width={$file[$i][image_width]} tmp_height={$file[$i][image_height]} ",$file[$i][view]);
}
}
$file_preview_script .= '</td></tr></table>';
?>
<?
$file_preview_script = '<table border=0 cellpadding=0 cellspacing=0 style=table-layout:fixed width=100%><tr><td>';
// 수정일때만...
if ($w == "u")
{
for ($i=0; $i<$file[count]; $i++)
{
$file_preview_script .= str_replace("<img ","<img style='border:0; margin:2 2 2 2; width:55px; height:70px;' tmp_width={$file[$i][image_width]} tmp_height={$file[$i][image_height]} ",$file[$i][view]);
}
}
$file_preview_script .= '</td></tr></table>';
?>
간결, 막강한 팁 감사합니다.
지난밤 적용해보고 한가지 아쉬운 점이 있어 코멘트 내용을 수정합니다.
//썸네일을 당겨쓴는 방법은 가변파일에서 문제가 있어 고려 대상이 아니었으므로 관련질문은 삭제합니다.
다만, 파노라마 이미지-가로,세로 비율차가 매우 큰 (6*17)-를 많이 다루는 갤러리를 작업중이어서
현재처럼 이미지를 특정 크기로 강제지정하면 원본확인이 불가능할 정도로 왜곡되는 경우가 있습니다.
즉, 원본을 끌어올때 이미지 비율을 유지하면서 보여주고 싶은데 방법이 있을런지요.
지난밤 적용해보고 한가지 아쉬운 점이 있어 코멘트 내용을 수정합니다.
//썸네일을 당겨쓴는 방법은 가변파일에서 문제가 있어 고려 대상이 아니었으므로 관련질문은 삭제합니다.
다만, 파노라마 이미지-가로,세로 비율차가 매우 큰 (6*17)-를 많이 다루는 갤러리를 작업중이어서
현재처럼 이미지를 특정 크기로 강제지정하면 원본확인이 불가능할 정도로 왜곡되는 경우가 있습니다.
즉, 원본을 끌어올때 이미지 비율을 유지하면서 보여주고 싶은데 방법이 있을런지요.
소스중에서
width:55px; height:70px; 이렇게 스타일로 가로세로 강제지정하는 부분있죠?
거기서 세로는 빼버리시면... 비율이 유지될겁니당.
width:55px; 이렇게 height 없이 말이죠...
width:55px; height:70px; 이렇게 스타일로 가로세로 강제지정하는 부분있죠?
거기서 세로는 빼버리시면... 비율이 유지될겁니당.
width:55px; 이렇게 height 없이 말이죠...
좋네요 감사합니다.
..
