최신게시글 - pic_owl_carousel > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

최신게시글 - pic_owl_carousel 정보

최신글 최신게시글 - pic_owl_carousel

첨부파일

pic_owl_carousel.zip (28.0K) 52회 다운로드 2022-10-27 21:06:45
테스트한 버전5.5.8.2.3
호환 가능 버전5.4

본문

팁자료실
Owl Carousel 사용하기 : https://sir.kr/g5_tip/19201

Magnific Popup 사용하기 : https://sir.kr/g5_tip/19219


사용방법

<div class="latest_wr">
    <!-- 사진 최신글2 { -->
    <?php
    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
    // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
    // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
    $options = array();
    $options['caption'] = 2;    //캡션사용유무(캡션없음:0, 캡션숨김:1, 일반캡션:2, 호버캡션:3)
    $options['thumb_w'] = 400;    //썸네일( width : 400 )
    $options['thumb_h'] = 300;    //썸네일( height : 300 )
    $options['line']    = 3;    //제목+내용 라인수(기본:1)
    $options['cate']    = 1;    //분류출력(출력1:숨김:0)
    $options['loop'] = true;
    $options['margin'] = 10;
    $options['nav'] = true;
    $options['dots'] = false;
    $options['autoplay'] = true;
    $options['autoplayTimeout'] = 5000;
    $options['effect'] = 'hover';    //이미지효과(zoom,hover)
    echo latest('theme/pic_owl_carousel', 'gallery', 5, 23, '', $options);
    ?>
    <!-- } 사진 최신글2 끝 -->
</div>

 

1. magnific-popup

2943905509_1666871591.8212.jpg

 

2. 이미지효과 - zoom
2943905509_1666871667.64.jpg

- zoom 아이콘 위치변경
2943905509_1666871932.981.jpg

 

3. 이미지효과 - hover

2943905509_1666871702.8995.jpg

추천
14

댓글 전체

전체 169 |RSS
그누보드5 스킨 내용 검색

회원로그인

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