이미지 슬라이드 팝업
상품 요약정보
판매자
마르스컴퍼니
총구매수
4 건
카테고리
플러그인
등록일
2021-06-14
솔루션 버전 호환
다운로드 유효기간
무제한
기간 제한 없이 다운로드 가능
♾ 무제한 다운로드란? 구매 후 기간 제한 없이 언제든지 다운로드할 수 있습니다.✓ 계정이 유지되는 동안 영구적으로 다운로드 가능합니다.
✓ 향후 업데이트된 파일도 동일하게 다운로드할 수 있습니다.
기본설명
그누보드 팝업에 이미지 슬라이드/슬라이더 기능을 적용하였습니다.
그누보드 버전
5.3, 5.4
최근수정일
2023-06-22
그누보드 기본 팝업창에 "이미지 슬라이드" 기능을 적용할 수 있습니다.
팝업창에 여러 이미지가 슬라이드 되면서 노출됩니다.
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]
| 상호 | 마르스컴퍼니 |
|---|---|
| 고객지원 연락처 | 010-4285-7414 |