테스트 사이트 - 개발 중인 베타 버전입니다

라테스트 썸네일 질문있습니다. 채택완료

미네링 7년 전 조회 2,651

<?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개

채택된 답변
+20 포인트

기본적으로 이미지를 줄일 때 가로와 세로를 기준으로 하지않고

가로를 기준으로 해서 가로가 만족하면 세로를 따져봅니다.

이미지 가로 1000 세로 100일때

위 처럼 가로 1000 세로 600이라고 해서 세로를 늘리지 않습니다.

이러한경우 이미지를 둘러싼 li , dd, div 등등에서

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

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

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

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

미네링
7년 전
네 맞아요 이미지 크기가 일정하지 않아서 강제로 맞추려고하는데 찾을 수가 없네요ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인