2026-03-14 장비 슬라이드 변경

This commit is contained in:
pjs
2026-03-14 10:01:09 +09:00
parent 8e26533e2f
commit 441f3ce30b
6 changed files with 245 additions and 233 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 162 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

View File

@@ -95,12 +95,14 @@ const cont1Swiper = new Swiper('.cont1_swiper', {
* content2 스와이퍼 * content2 스와이퍼
************************************************/ ************************************************/
const cont2Urls = [ const cont2Urls = [
'https://diet.madeu.co.kr/webservice/selectServiceIntro.do?categoryNo=3', // 첫 번째 슬라이드 URL 'https://diet.madeu.co.kr/webservice/selectServiceDetailIntro.do?categoryDivCd=01&categoryNo=3&postNo=9',
'https://diet.madeu.co.kr/webservice/selectServiceIntro.do?categoryNo=3' // 두 번째 슬라이드 URL 'https://diet.madeu.co.kr/webservice/selectServiceDetailIntro.do?categoryDivCd=01&categoryNo=3&postNo=2',
'https://diet.madeu.co.kr/webservice/selectServiceDetailIntro.do?categoryDivCd=01&categoryNo=3&postNo=10',
'https://diet.madeu.co.kr/webservice/selectServiceDetailIntro.do?categoryDivCd=01&categoryNo=3&postNo=1'
// 필요시 추가 // 필요시 추가
]; ];
const bullet2 = ['울핏','튠바디'] const bullet2 = ['온다리프팅', '튠바디', '티타늄리프팅', '울핏']
const useCont2Loop = bullet2.length > 2; // slidesPerView(1.3)보다 많을 때만 loop const useCont2Loop = bullet2.length > 2; // slidesPerView(1.3)보다 많을 때만 loop
const cont2Swiper = new Swiper('.cont2_swiper', { const cont2Swiper = new Swiper('.cont2_swiper', {

View File

@@ -1,8 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{/web/layout/layout}">
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{/web/layout/layout}">
<th:block layout:fragment="layoutCss"> <th:block layout:fragment="layoutCss">
<link rel="stylesheet" href="/css/web/index.css"> <link rel="stylesheet" href="/css/web/index.css">
<link rel="stylesheet" href="/css/web/instagram-swiper-custom.css?v1.0"> <link rel="stylesheet" href="/css/web/instagram-swiper-custom.css?v1.0">
@@ -61,12 +59,22 @@
<div class="swiper cont2_swiper"> <div class="swiper cont2_swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<img class="pc" src="/image/equip/20251014/울핏.jpg" alt="img"> <img class="pc" src="/image/equip/20260313/온다리프팅(Body).jpg" alt="img">
<img class="mb" src="/image/equip/20251014/울핏.jpg" alt="img"> <img class="mb" src="/image/equip/20260313/온다리프팅(Body).jpg" alt="img">
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img class="pc" src="/image/equip/20251014/튠바디.jpg" alt="img"> <img class="pc" src="/image/equip/20260313/튠바디.jpg" alt="img">
<img class="mb" src="/image/equip/20251014/튠바디.jpg" alt="img"> <img class="mb" src="/image/equip/20260313/튠바디.jpg" alt="img">
</div>
<div class="swiper-slide">
<img class="pc" src="/image/equip/20260313/티타늄리프팅(Body).jpg" alt="img">
<img class="mb" src="/image/equip/20260313/티타늄리프팅(Body).jpg" alt="img">
</div>
<div class="swiper-slide">
<img class="pc" src="/image/equip/20260313/울핏.jpg" alt="img">
<img class="mb" src="/image/equip/20260313/울핏.jpg" alt="img">
</div> </div>
</div> </div>
<div class="swiper-pagination cont2_swiper_pagination"></div> <div class="swiper-pagination cont2_swiper_pagination"></div>
@@ -80,7 +88,8 @@
MADE U 인스타그램<br /> MADE U 인스타그램<br />
<span>@madeu_diet</span> <span>@madeu_diet</span>
</h3> </h3>
<button class="more_btn" onClick="window.open('https://instagram.com/madeu_diet')">View more</button> <button class="more_btn" onClick="window.open('https://instagram.com/madeu_diet')">View more
</button>
</div> </div>
<div class="instagram_btm" id="instagramFeed"> <div class="instagram_btm" id="instagramFeed">
<div class="swiper instagram_swiper"> <div class="swiper instagram_swiper">
@@ -122,4 +131,5 @@
</script> </script>
<script src="/js/web/index.js"></script> <script src="/js/web/index.js"></script>
</th:block> </th:block>
</html> </html>