"틀:동영상스와이퍼"의 두 판 사이의 차이
광주문화예술인문스토리플랫폼
| 4번째 줄: | 4번째 줄: | ||
<link | <link | ||
rel="stylesheet" | rel="stylesheet" | ||
| − | href=" | + | href="/wiki/skins/ETBSkin/resources/styles/swiper-bundle.min.css" |
/> | /> | ||
| + | <script src="/wiki/skins/ETBSkin/resources/scripts/swiper-bundle.min.js"></script> | ||
<div class="swiper video-swiper-container etb-video-swiper"> | <div class="swiper video-swiper-container etb-video-swiper"> | ||
<div class="swiper-wrapper"> | <div class="swiper-wrapper"> | ||
| 164번째 줄: | 165번째 줄: | ||
// Swiper 초기화 | // Swiper 초기화 | ||
const swiper = new Swiper(".video-swiper-container", { | const swiper = new Swiper(".video-swiper-container", { | ||
| − | slidesPerView: | + | slidesPerView: 1, |
spaceBetween: 28, | spaceBetween: 28, | ||
pagination: { | pagination: { | ||
el: ".swiper-pagination", | el: ".swiper-pagination", | ||
type: "progressbar", | type: "progressbar", | ||
| + | }, | ||
| + | breakpoints: { | ||
| + | 768: { | ||
| + | slidesPerView: 2, | ||
| + | }, | ||
}, | }, | ||
on: { | on: { | ||
| 274번째 줄: | 280번째 줄: | ||
}} | }} | ||
| − | + | == 템플릿 사용 예제 == | |
| − | + | {{동영상스와이퍼 | |
| − | + | | https://www.youtube.com/embed/C1zyvrK3L_c?si-KHo3OXBtGbpEyQQA | |
| − | + | | https://www.youtube.com/embed/C1zyvrK3L_c?si-KHo3OXBtGbpEyQQA | |
| − | + | | https://www.youtube.com/embed/C1zyvrK3L_c?si-KHo3OXBtGbpEyQQA | |
| − | + | }} | |
| − | + | ||
| − | + | <pre> | |
| − | + | == 템플릿 사용 예제 == | |
| − | + | {{동영상스와이퍼 | |
| − | + | | https://www.youtube.com/embed/C1zyvrK3L_c?si-KHo3OXBtGbpEyQQA | |
| − | + | | https://www.youtube.com/embed/C1zyvrK3L_c?si-KHo3OXBtGbpEyQQA | |
| − | + | | https://www.youtube.com/embed/C1zyvrK3L_c?si-KHo3OXBtGbpEyQQA | |
| − | + | }} | |
| − | + | ||
| − | + | </pre> | |
| − | + | 위 예제는 광주 충장로에 대한 정보를 표시하는 템플릿 사용 예시입니다. 필요한 필드만 채우면 해당 정보가 표시되고, 값이 없는 필드는 표시되지 않습니다. | |
| − | + | ||
| − | + | </noinclude> | |
2025년 8월 14일 (목) 09:02 기준 최신판
템플릿 사용 예제
== 템플릿 사용 예제 ==
{{동영상스와이퍼
| https://www.youtube.com/embed/C1zyvrK3L_c?si-KHo3OXBtGbpEyQQA
| https://www.youtube.com/embed/C1zyvrK3L_c?si-KHo3OXBtGbpEyQQA
| https://www.youtube.com/embed/C1zyvrK3L_c?si-KHo3OXBtGbpEyQQA
}}
위 예제는 광주 충장로에 대한 정보를 표시하는 템플릿 사용 예시입니다. 필요한 필드만 채우면 해당 정보가 표시되고, 값이 없는 필드는 표시되지 않습니다.