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

썸네일을 background 로 가져오는데 원본비율로 나오게 하고 싶습니다 채택완료

sususu 3년 전 조회 1,469

</p>

<p><div class="img thumb_wrap"></p>

<p>                            <?php</p>

<p>                                $thumb_width = '500';</p>

<p>                                $thumb_height = '500';</p>

<p>                                $thumb = get_list_thumbnail('product', $row['wr_id'], $thumb_width, $thumb_height, false, true);</p>

<p>                                $style=';background:url(\''.$thumb['src'].'\') no-repeat center center; background-size:contain;';</p>

<p>                                if($thumb['src']) {</p>

<p>                                    // $img_content = '<div style="margin:0 auto;;width:'.$thumb_width.'%;height:'.$thumb_height.'%;'.$style.'"></div>';</p>

<p>                                    $img_content = '<div style="margin:0 auto; width:100%;height:100%;'.$style.'"></div>';</p>

<p>                                } else {</p>

<p>                                    $img_content = '<img src="/img/no_img.png" alt="'.$thumb['alt'].'" class="img-res">';</p>

<p>                                }</p>

<p>                                echo run_replace('thumb_image_tag', $img_content, $thumb);</p>

<p>                            ?></p>

<p>                        </div></p>

<p>

 

 

 

직사각형 이미지를 정사각형 div에 contain으로, 한눈에 보이게 채우고 싶은데

 

$thumb_width = '500'; 

$thumb_height = '500';

 

이 부분 때문에 정사각형으로 나오고,

원본비율대로 작아지지는 않는 것 같습니다.

 

어떻게 수정해야 직사각형 이미지가 원본비율대로 작아져서 background 로 들어가게 할 수 있을까요

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

답변 1개

채택된 답변
+20 포인트
치즈깡
3년 전

if($thumb['ori']) {         $img = $thumb['ori'];     } else {         $img = G5_IMG_URL.'/no_img.png';         $thumb['alt'] = '이미지가 없습니다.';     }

 

이전에 src 를 ori 로 가져와서 작업했었는데 한번 적용해보세요.

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

답변에 대한 댓글 1개

s
sususu
3년 전
감사합니다 덕분에 해결했습니다!!

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

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

로그인