상품이미지를 500*500으로 만들어서 올리고 있습니다.
모바일에서 이미지가 엄청 깨져서 보이네요.
jpg퀄리티 높이는거 검색해서 전부 100으로 해도 마찬가지고, data/item 비우고 다시 등록해도 마찬가지네요..
원본은 깨끗하게 보이는데 이걸 그냥 강제로 줄여서 보여주고싶습니다.
<?phpfor($i=1; $i<=10; $i++) { $img_file = G5_DATA_PATH.'/item/'.$it['it_img'.$i]; if(!file_exists($img_file) || !is_file($img_file)) continue; $img_src = G5_DATA_URL.'/item/'.$it['it_img'.$i]; echo '<img src="'.$img_src.'">';}?>
이런걸 검색했는데, 어떻게 적용하는지 알길이 없습니다.
리스트화면과 상세페이지에서 보이는 썸네일을 원본으로 보여주는 방법좀 부탁드립니다. ㅠㅠ
답변 8개 / 댓글 5개
/mobile/skin/shop/basic/main.10.skin.php
/mobile/skin/shop/basic/list.10.skin.php
35라인 ~ 37라인에 있는 코드를
if ($this->view_it_img) {~ 생략 ~}
아래코드로 바꿔주세요
if ($this->view_it_img) { $img_img = G5_DATA_URL.'/item/'.$row['it_img1']; if ($img_img) { echo "<img src='".$img_img."' width='{$this->img_width}px' height='{$this->img_height}px' >"; } else { echo "<img src=".G5_SHOP_URL."/img/no_image.gif width='{$this->img_width}px' height='{$this->img_height}px'>"; }}
원본을 불러오는거라 상품목록이 갯수가 많아지면 로딩시 시간이 걸린다는것도 참고하세요.
$img = G5_DATA_URL.'/item/'.$it['it_img'.$i];$thumb = '<img src="'.$img.'" width="280" height="280" >';
답변에 대한 댓글 1개
앗 그리고 최종 아래와 같이 수정하였는데
[code]
<?php
// 이미지(중) 썸네일
$thumb_img = '';
$thumb_img_w = 280; // 넓이
$thumb_img_h = 280; // 높이
for ($i=1; $i<=10; $i++)
{
if(!$it['it_img'.$i])
continue;
$img = G5_DATA_URL.'/item/'.$it['it_img'.$i];
$thumb = "<img src='".$img."' width='".$thumb_img_w."' height='".$thumb_img_h."' >";
if(!$thumb)
continue;
$thumb_img .= '<li>';
$thumb_img .= '<a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it['it_id'].'&no='.$i.'" class="popup_item_image slide_img" target="_blank">'.$thumb.'</a>';
$thumb_img .= '</li>'.PHP_EOL;
}
if ($thumb_img)
{
echo '<div id="sit_pvi">'.PHP_EOL;
echo '<button type="button" id="sit_pvi_prev" class="sit_pvi_btn" style="height:'.$thumb_img_h.'px">이전</button>'.PHP_EOL;
echo '<button type="button" id="sit_pvi_next" class="sit_pvi_btn" style="height:'.$thumb_img_h.'px">다음</button>'.PHP_EOL;
echo '<ul id="sit_pvi_slide" style="width:'.$thumb_img_w.'px;height:'.$thumb_img_h.'px">'.PHP_EOL;
echo $thumb_img;
echo '</ul>'.PHP_EOL;
echo '</div>';
}
?>
[/code]
마찬가지로 화면이 표시가 안됩니다 ㅠ
제가 잘못봤네요 밑에 처럼 바꿔보세요. 글이 수정이 안되서 다시남깁니다.
올린신 코드 11번째 줄에
$thumb = get_it_thumbnail($it['it_img'.$i], $thumb_img_w, $thumb_img_h);
위에 코드를 아래와 같이 바꾼다면 되지 않을까 싶은데 해보세요
$img = G5_DATA_URL.'/item/'.$it['it_img'.$i];
$thumb = "<img src='".$img."' width='{$thumb_img_w}px' height='{$thumb_img_h}px' >";
설정에 모바일 관련 이미지 폭 너비 있습니다. 설정을 해도 안된다면 도와 드리겠습니다.
답변을 작성하려면 로그인이 필요합니다.
추가로 한가지만 더 질문드리면 상세페이지 (item.php) 부분은 소스가 좀 달라서 적용을 어떻게 해야할지 모르겠습니다.
스킨에 item.form.skin.php 파일 내용중에
[code]
<?php
// 이미지(중) 썸네일
$thumb_img = '';
$thumb_img_w = 280; // 넓이
$thumb_img_h = 280; // 높이
for ($i=1; $i<=10; $i++)
{
if(!$it['it_img'.$i])
continue;
$thumb = get_it_thumbnail($it['it_img'.$i], $thumb_img_w, $thumb_img_h);
if(!$thumb)
continue;
$thumb_img .= '<li>';
$thumb_img .= '<a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it['it_id'].'&no='.$i.'" class="popup_item_image slide_img" target="_blank">'.$thumb.'</a>';
$thumb_img .= '</li>'.PHP_EOL;
}
if ($thumb_img)
{
echo '<div id="sit_pvi">'.PHP_EOL;
echo '<button type="button" id="sit_pvi_prev" class="sit_pvi_btn" style="height:'.$thumb_img_h.'px">이전</button>'.PHP_EOL;
echo '<button type="button" id="sit_pvi_next" class="sit_pvi_btn" style="height:'.$thumb_img_h.'px">다음</button>'.PHP_EOL;
echo '<ul id="sit_pvi_slide" style="width:'.$thumb_img_w.'px;height:'.$thumb_img_h.'px">'.PHP_EOL;
echo $thumb_img;
echo '</ul>'.PHP_EOL;
echo '</div>';
}
?>
[/code]
이렇게 들어간 부분인거 같은데, 여기서도 마찬가지로 원본이미지를 보려면 어떻게 처리해야할까요.
시간되시면 확인부탁드리고, 도움주셔서 정말 감사합니다. 좋은하루보내세요!