화면크기에 맞게 최근글 슬라이드 이미지 리사이징??

화면크기에 맞게 최근글 슬라이드 이미지 리사이징??

QA

화면크기에 맞게 최근글 슬라이드 이미지 리사이징??

답변 1

본문

안녕하세요.

아래 "반응형 메인 이미지 슬라이드 최신글" 을 사용하려고 하는데요.

https://sir.kr/g5_skin/25739

모바일 (스마트폰)에서 슬라이드 이미지가 작게 리사이징이 되지 않아서,

다음에 오는 내용들이 너무 작게 보여집니다.

소스를 보면 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%로 먹혀있는거같네요

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