글 수정에서 업로드된 이미지를 보여주는 팁 - 업데이트
오달수님의 글 수정에서 업로드된 이미지를 보여주는 팁을 조금 수정했습니다..
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>
이상입니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 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>';
?>
지난밤 적용해보고 한가지 아쉬운 점이 있어 코멘트 내용을 수정합니다.
//썸네일을 당겨쓴는 방법은 가변파일에서 문제가 있어 고려 대상이 아니었으므로 관련질문은 삭제합니다.
다만, 파노라마 이미지-가로,세로 비율차가 매우 큰 (6*17)-를 많이 다루는 갤러리를 작업중이어서
현재처럼 이미지를 특정 크기로 강제지정하면 원본확인이 불가능할 정도로 왜곡되는 경우가 있습니다.
즉, 원본을 끌어올때 이미지 비율을 유지하면서 보여주고 싶은데 방법이 있을런지요.
width:55px; height:70px; 이렇게 스타일로 가로세로 강제지정하는 부분있죠?
거기서 세로는 빼버리시면... 비율이 유지될겁니당.
width:55px; 이렇게 height 없이 말이죠...
알릭님 팁을 참조해서 비율유지 및 줄바꿈등 소소한것 몇가지를 추가했습니다.
http://www.sir.co.kr/bbs/tb.php/g4_tiptech/3848