갤러리 썸네일 높이 반응형으로 수정하기 > 그누보드5 팁자료실

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

그누보드5 팁자료실

갤러리 썸네일 높이 반응형으로 수정하기 정보

갤러리 썸네일 높이 반응형으로 수정하기

첨부파일

2015.06.16_04.png (9.4K) 10회 다운로드 2015-06-16 17:59:15
2015.06.16_05.png (190.4K) 2회 다운로드 2015-06-16 17:59:15

본문



갤러리 이미지 높이를 '0'로 설정합니다.


skin/board/gallery/list.skin.php


<?php
if ($list[$i]['is_notice']) { // 공지사항  ?>
    <strong style="width:<?php echo $board['bo_gallery_width'] ?>px;height:<?php echo $board['bo_gallery_height'] ?>px">공지</strong>
<?php } else {
    $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);

    if($thumb['src']) {
        $img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$board['bo_gallery_width'].'" height="'.$board['bo_gallery_height'].'">';
    } else {
        $img_content = '<span style="width:'.$board['bo_gallery_width'].'px;height:'.$board['bo_gallery_height'].'px">no image</span>';
    }

    echo $img_content;
}
 ?>

에서...
필요한 height를 'auto'로 수정합니다.


$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$board['bo_gallery_width'].'" height="auto">';

에만 적용해주면 되는 모양입니다.


추천
0

댓글 5개

어느 회원의 질문글을 보고, 얼마전에 어디선가 (아마 Q&A) 에서 본 팁으로 글을 작성했는데...
다시 질문글로 돌아가서 '링크'를 봤더니... 원하시는 답이 아닌 듯...;;;
이미지만 출력할려구요? 그렇게 해도 괜찮을 듯 하네요.
masonry 스킨이 자료실에 몇개 있습니다.
어제부터 편리님 스킨을 만지고 있는데... 제일 오른쪽 여백이 없어지지 않아 헤메고 있는 중입니다.
전체 99 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT