라테스트 썸네일 질문있습니다.
본문
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
$thumb_width = 1000;
$thumb_height = 660;
?>
<ul class="slides-container">
<?php
for ($i=0; $i<count($list); $i++) {
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height);
if($thumb['src']) {
$thumb_url = $thumb['src'];
} else {
$thumb_url = $latest_skin_url."/img/no-image.gif";
}
?>
<li>
<h2><a href="<?php echo $list[$i]['href']; ?>"><?php echo $list[$i]['subject'] ?></h2>
<a href="<?php echo $list[$i]['href']?>">
<img src="<?php echo $thumb['src']?>" class="borderImage slickHoverVideoAnimate" id="comShoponexLatest02_<?php echo $i?>"alt="" />
</a>
</li>
<?php } ?>
</ul>
라테스트 코드는 저렇게 되어있는데 썸네일 높이가 들쭉날쭉합니다.
높이값을 강제로 동일하게 맞추려면 어떻게 해야할까요?
답변 1
기본적으로 이미지를 줄일 때 가로와 세로를 기준으로 하지않고
가로를 기준으로 해서 가로가 만족하면 세로를 따져봅니다.
이미지 가로 1000 세로 100일때
위 처럼 가로 1000 세로 600이라고 해서 세로를 늘리지 않습니다.
이러한경우 이미지를 둘러싼 li , dd, div 등등에서
세로를 일정비율로 맞춰놓고 설정을 해서 빈부분은 하얗게 보여지게 하는 방법을 쓰거나
아니면 비어있는 부분을 빼버리고 이미지의 영역만 보이게 하는 방법의
두가지 중 한가지를 택하셔서 하셔야 합니다.
모든 이미지가 크기가 똑같지 않기 때문에 생기는 문제이지요