플러그인

이미지 슬라이드 팝업

이미지 슬라이드 팝업

0.0 (0개 리뷰)

상품 요약정보

판매자

마르스컴퍼니

총구매수

4 건

카테고리

플러그인

등록일

2021-06-14

솔루션 버전 호환

그누보드 5.3 그누보드 5.4

다운로드 유효기간

무제한

기간 제한 없이 다운로드 가능

♾ 무제한 다운로드란? 구매 후 기간 제한 없이 언제든지 다운로드할 수 있습니다.

✓ 계정이 유지되는 동안 영구적으로 다운로드 가능합니다.
✓ 향후 업데이트된 파일도 동일하게 다운로드할 수 있습니다.

기본설명

그누보드 팝업에 이미지 슬라이드/슬라이더 기능을 적용하였습니다.

그누보드 버전

5.3, 5.4

최근수정일

2023-06-22

옵션 선택

기본가 30,000원

아래 옵션 금액은 기본가가 포함된 실제 결제 금액입니다.

총 구매금액 0원

그누보드 기본 팝업창에 "이미지 슬라이드" 기능을 적용할 수 있습니다.

 

팝업창에 여러 이미지가 슬라이드 되면서 노출됩니다.

 

Swiper 라이브러리를 적용하였습니다. https://swiperjs.com

 

 

<설치방법>

1. 다운로드한 파일을 FTP로 /plugin 경로에 업로드 합니다.

(/plugin/popup_slider 디렉토리에 파일들이 위치해야 됩니다.)

 

 

2. /bbs/newwin.inc.php, /mobile/newwin.inc.php 의 3라인에 다음의 코드를 추가합니다.

 

include_once(G5_PLUGIN_PATH.'/popup_slider/popup_slider.php');

 

3. 관리자 > 팝업레이어 관리의 내용에, 팝업내용샘플 코드를 HTML 모드로 올립니다.

- 슬라이드 적용할 이미지 개수와 경로를 자신의 환경에 맞게 변경합니다.

 

- 샘플 코드

[code]

<div class="swiper-container pop_slider">
  <div class="swiper-wrapper">
    <div class="swiper-slide"><img src="/img/s1.jpg" title="슬라이드1" alt="s1.jpg"></div>
    <div class="swiper-slide"><img src="/img/s2.jpg" title="슬라이드2" alt="s2.jpg"></div>
    <div class="swiper-slide"><img src="/img/s3.jpg" title="슬라이드3" alt="s3.jpg"></div>
  </div>
  <div class="swiper-button-next"></div>
  <div class="swiper-button-prev"></div>
  <div class="swiper-pagination"></div>
</div>

[/code]

 

<사용문의>

* 카카오톡 :  mas7414

* 메일 : [email protected]

1도메인 1카피입니다.
장바구니로 이동