라테스트 썸네일 질문있습니다.

라테스트 썸네일 질문있습니다.

QA

라테스트 썸네일 질문있습니다.

답변 1

본문

<?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 등등에서

세로를 일정비율로 맞춰놓고 설정을 해서 빈부분은 하얗게 보여지게 하는 방법을 쓰거나

아니면 비어있는 부분을 빼버리고 이미지의 영역만 보이게 하는 방법의

두가지 중 한가지를 택하셔서 하셔야 합니다.

모든 이미지가 크기가 똑같지 않기 때문에 생기는 문제이지요

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 2,662
© SIRSOFT
현재 페이지 제일 처음으로