hmw1001
59 lines
1.9 KiB
PHP
59 lines
1.9 KiB
PHP
<?php
|
|
if (!defined('_GNUBOARD_')) exit;
|
|
/**
|
|
* rb.mod.banner :: rb.wide_slide/banner.skin.php
|
|
* 배너 그룹 스킨 (래퍼)
|
|
*/
|
|
|
|
// CSS 로드
|
|
add_stylesheet('<link rel="stylesheet" href="'.G5_URL.'/rb/rb.mod/banner/skin/rb.wide_slide/style.css">', 0);
|
|
|
|
// Swiper 라이브러리 로드 (테마에 포함된 경우)
|
|
if (is_file(G5_THEME_PATH.'/js/swiper/swiper-bundle.min.js')) {
|
|
add_javascript('<script src="'.G5_THEME_URL.'/js/swiper/swiper-bundle.min.js"></script>', 10);
|
|
}
|
|
?>
|
|
|
|
<div class="rb-banner-wide-slide">
|
|
<div class="swiper-container">
|
|
<div class="swiper-wrapper">
|
|
<?php
|
|
// 배너 목록이 있으면 루프를 돌며 skin.php를 include
|
|
if (isset($banners) && is_array($banners)) {
|
|
foreach ($banners as $banner) {
|
|
include(dirname(__FILE__).'/skin.php');
|
|
}
|
|
}
|
|
?>
|
|
</div>
|
|
<!-- 네비게이션 버튼 -->
|
|
<div class="swiper-button-next"></div>
|
|
<div class="swiper-button-prev"></div>
|
|
<!-- 페이징 -->
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
// 이 스킨 전용 Swiper 초기화
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
// 동일한 스킨이 여러 개 있을 수 있으므로, 고유한 클래스를 부여하거나 ID를 사용해야 합니다.
|
|
// 여기서는 이 스킨의 최상위 클래스 내에 있는 swiper-container를 찾습니다.
|
|
var swiper = new Swiper('.rb-banner-wide-slide .swiper-container', {
|
|
loop: true,
|
|
autoplay: {
|
|
delay: 5000,
|
|
disableOnInteraction: false,
|
|
},
|
|
pagination: {
|
|
el: '.swiper-pagination',
|
|
clickable: true,
|
|
},
|
|
navigation: {
|
|
nextEl: '.swiper-button-next',
|
|
prevEl: '.swiper-button-prev',
|
|
},
|
|
});
|
|
});
|
|
</script>
|