썸네일을 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개
답변을 작성하려면 로그인이 필요합니다.
로그인