화면크기에 맞게 최근글 슬라이드 이미지 리사이징??
본문
안녕하세요.
아래 "반응형 메인 이미지 슬라이드 최신글" 을 사용하려고 하는데요.
모바일 (스마트폰)에서 슬라이드 이미지가 작게 리사이징이 되지 않아서,
다음에 오는 내용들이 너무 작게 보여집니다.
소스를 보면 4, 5번줄 $img_w = 800; $img_h = 450; 고정된 사이즈로
모바일이건 PC건 동일하게 보여집니다.
이걸, 화면 사이즈에 맞게 보여주려면 어떻게 수정해야 할까요?
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
$img_w = 800; // 큰 이미지($img) 가로 크기
$img_h = 450; // 큰 이미지($img) 세로 크기
?>
<?php
for($i=0; $i<count($list); $i++){
$thumbs = get_list_thumbnail($bo_table, $list[$i]['wr_id'], '90%', '90%');
if($thumbs['ori']) {
$img = $thumbs['ori'];
}?>
<li>
<img src="<?=$img?>" alt="<?=$list[$i]['subject']?>" />
<div class="flex-caption">
<h3><?=$list[$i]['subject']?></h3>
<p><?php echo mb_strimwidth($list[$i]['wr_content'], '0', '150', '', 'utf-8');?></p>
<a href="./g5/bbs/board.php?bo_table=slide" class="btn btn-theme">더보기</a>
</div>
</li>
<?}?>
답변 1
오잉 링크에 데모사이트 들어가봤는데 화면 줄이니까 줄어들어서 나오는데용?
보시면 $img_w 가 사용된 부분이 없고
$thumbs = get_list_thumbnail($bo_table, $list[$i]['wr_id'], '90%', '90%');
이렇게 90%로 먹혀있는거같네요
답변을 작성하시기 전에 로그인 해주세요.