상품상세 기본 이미지 세로 크기요..
본문
세로로 긴 상품 이미지가 있습니다. 100px * 700px 정도요
이렇게 보이네요..
리스트에선 가로 세로 사이즈 정해주니 아래처럼 정상으로 보입니다.
가로로 긴 상품은 오른쪽 같이 정상 비율로 잘 보이구요.. 
상세페이지 기본 이미지 불러오는 코드인데
$img = get_it_thumbnail($it['it_img'.$i], $default['de_mimg_width'], $default['de_mimg_height']);
이 코드를 아래와 같이 변경하니
$img = get_it_thumbnail($it['it_img'.$i], $default['de_mimg_width']);
이렇게 보이네요 ㅠㅠ
이미지 비율은 정상인데
세로가 2000px 이 넘어갑니다. 가로에 맞춘듯 합니다.
세로로 긴 사이즈 정상적으로 보이게 할 수 없는건가요?
상품 이미지에 여백주고 사각으로 만들어 올리면 되지만.. 리스트에서 보기 싫어서 그럽니다. 도와주세요.
영카트 4에선 shop.lib.php 를 아래와 같이 수정해서 사용했는데... 5로 이전 하는게 멀고도 험난하네요 .
// 이미지를 얻는다
function get_image($img, $width=0, $height=0)
{
global $g4, $default;
$full_img = "$g4[path]/data/item/$img";
if (file_exists($full_img) && $img)
{
if (!$width)
{
$size = getimagesize($full_img);
$width = $size[0];
$height = $size[1];
}
//$str = "<img id='$img' src='$g4[url]/data/item/$img' width='$width' height='$height' border='0'>"; -->영카트4 기본코드
$str = "<img id='$img' src='$g4[url]/data/item/$img' width='$width' border='0'>";
}
else
{
$str = "<img id='$img' src='$g4[shop_img_url]/no_image.gif' border='0' ";
if ($width)
//$str .= "width='$width' height='$height'"; -->영카트4 기본코드
$str .= "width='$width'";
else
//$str .= "width='$default[de_mimg_width]' height='$default[de_mimg_height]'"; -->영카트4 기본코드
$str .= "width='$default[de_mimg_width]'";
$str .= ">";
}
return $str;
}
답변 1
자문자답.. 해결했습니다.
상세페이지 상품 기본 이미지 클릭시 새창으로 뜨는 largeimage.skin.php 소스 코드 가져다 사용 했더니 잘되네요.
item.form.skin.php 상품 이미지 출력 부분
<!-- 상품이미지 미리보기 시작 { -->
<div id="sit_pvi">
<div id="sit_pvi_big">
<?php
$thumbnails = array();
for($i=1; $i<=10; $i++) {
if(!$row['it_img'.$i])
continue;
$file = G5_DATA_PATH.'/item/'.$row['it_img'.$i];
if(is_file($file)) {
// 썸네일
$thumb = get_it_thumbnail($row['it_img'.$i], 60, 60);
$thumbnails[$i] = $thumb;
$imageurl = G5_DATA_URL.'/item/'.$row['it_img'.$i];
?>
<span>
<img src="<?php echo $imageurl; ?>" width="<?php echo $size[0]; ?>" height="<?php echo $size[1]; ?>" alt="<?php echo $row['it_name']; ?>" id="largeimage_<?php echo $i; ?>">
</span>
<?php
}
}
?>
</div>
<?php
//썸네일
//$total_count = count($thumbnails);
//$thumb_count = 0;
// if($total_count > 0) {
// echo '<ul>';
//foreach($thumbnails as $key=>$val) {
//echo '<li><a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it_id.'&no='.$key.'" class="img_thumb">'.$val.'</a></li>';
//}
//echo '</ul>';
//}
?>
</div>
<!-- } 상품이미지 미리보기 끝 -->
썸네일은 사용 안하기에 주석으로 처리했습니다.
item.form.skin.php 상단에 아래 코드 추가
// largeimage.skin.php 코드 복사
$sql = " select it_id, it_name, it_img1, it_img2, it_img3, it_img4, it_img5, it_img6, it_img7, it_img8, it_img9, it_img10
from {$g5['g5_shop_item_table']} where it_id='$it_id' ";
$row = sql_fetch_array(sql_query($sql));
#sit_pvi_big {width:460px; height:460px; padding:5px; display:table-cell; text-align:center; vertical-align:middle; background-color:#FFF; border:1px solid #e9e9e9; }
결과는 아래와 같이 원하는대로 구현되었습니다.
