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

This commit is contained in:
pjs
2026-03-14 12:25:59 +09:00
parent f73751497a
commit 5e53f19f2a
7 changed files with 266 additions and 262 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

View File

@@ -99,14 +99,14 @@ const cont1Swiper = new Swiper('.cont1_swiper', {
* content2 스와이퍼 * content2 스와이퍼
************************************************/ ************************************************/
const cont2Urls = [ const cont2Urls = [
'https://petit.madeu.co.kr/webservice/selectServiceIntro.do?categoryNo=4' // 첫 번째 슬라이드 URL 'https://petit.madeu.co.kr/webservice/selectServiceDetailIntro.do?categoryDivCd=03&categoryNo=4&postNo=8' // 첫 번째 슬라이드 URL
,'https://petit.madeu.co.kr/webservice/selectServiceIntro.do?categoryNo=4' // 두 번째 슬라이드 URL , 'https://petit.madeu.co.kr/webservice/selectServiceDetailIntro.do?categoryDivCd=03&categoryNo=4&postNo=2' // 두 번째 슬라이드 URL
,'https://petit.madeu.co.kr/webservice/selectServiceIntro.do?categoryNo=4' // 세 번째 슬라이드 URL , 'https://petit.madeu.co.kr/webservice/selectServiceDetailIntro.do?categoryDivCd=03&categoryNo=4&postNo=10' // 세 번째 슬라이드 URL
,'https://petit.madeu.co.kr/webservice/selectServiceIntro.do?categoryNo=4' // 네 번째 슬라이드 URL , 'https://petit.madeu.co.kr/webservice/selectServiceDetailIntro.do?categoryDivCd=03&categoryNo=4&postNo=3' // 네 번째 슬라이드 URL
,'https://petit.madeu.co.kr/webservice/selectServiceIntro.do?categoryNo=4' // 다섯 번째 슬라이드 URL , 'https://petit.madeu.co.kr/webservice/selectServiceDetailIntro.do?categoryDivCd=03&categoryNo=4&postNo=4' // 다섯 번째 슬라이드 URL
]; ];
const bullet2 = ['티타늄','써마지','울쎄라', '줄기세포', '튠페이스'] const bullet2 = ['써마지FLX', '울쎄라', '온다리프팅', '티타늄리프팅', '튠페이스']
const useCont2Loop = bullet2.length > 5; // slidesPerView(1.3)보다 많을 때만 loop const useCont2Loop = bullet2.length > 5; // 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">
@@ -73,24 +71,28 @@
<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" style="cursor:pointer"> <img class="pc" src="/image/equip/20260313/써마지FLX.jpg" alt="img" style="cursor:pointer">
<img class="mb" src="/image/equip/20251014/티타늄.jpg" alt="img" style="cursor:pointer"> <img class="mb" src="/image/equip/20260313/써마지FLX.jpg" alt="img" style="cursor:pointer">
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img class="pc" src="/image/equip/20251014/써마지.jpg" alt="img" style="cursor:pointer"> <img class="pc" src="/image/equip/20260313/울쎄라.jpg" alt="img" style="cursor:pointer">
<img class="mb" src="/image/equip/20251014/써마지.jpg" alt="img" style="cursor:pointer"> <img class="mb" src="/image/equip/20260313/울쎄라.jpg" alt="img" style="cursor:pointer">
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img class="pc" src="/image/equip/20251014/울쎄라.jpg" alt="img" style="cursor:pointer"> <img class="pc" src="/image/equip/20260313/온다리프팅(Face).jpg" alt="img"
<img class="mb" src="/image/equip/20251014/울쎄라.jpg" alt="img" style="cursor:pointer"> style="cursor:pointer">
<img class="mb" src="/image/equip/20260313/온다리프팅(Face).jpg" alt="img"
style="cursor:pointer">
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img class="pc" src="/image/equip/20251014/줄기세포.jpg" alt="img" style="cursor:pointer"> <img class="pc" src="/image/equip/20260313/티타늄리프팅(Face).jpg" alt="img"
<img class="mb" src="/image/equip/20251014/줄기세포.jpg" alt="img" style="cursor:pointer"> style="cursor:pointer">
<img class="mb" src="/image/equip/20260313/티타늄리프팅(Face).jpg" alt="img"
style="cursor:pointer">
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img class="pc" src="/image/equip/20251014/튠페이스.jpg" alt="img" style="cursor:pointer"> <img class="pc" src="/image/equip/20260313/튠페이스.jpg" alt="img" style="cursor:pointer">
<img class="mb" src="/image/equip/20251014/튠페이스.jpg" alt="img" style="cursor:pointer"> <img class="mb" src="/image/equip/20260313/튠페이스.jpg" alt="img" style="cursor:pointer">
</div> </div>
</div> </div>
<div class="swiper-pagination cont2_swiper_pagination"></div> <div class="swiper-pagination cont2_swiper_pagination"></div>
@@ -104,7 +106,8 @@
MADE U 인스타그램<br /> MADE U 인스타그램<br />
<span>@madeu_gn</span> <span>@madeu_gn</span>
</h3> </h3>
<button class="more_btn" onClick="window.open('https://instagram.com/madeu_gn')">View more</button> <button class="more_btn" onClick="window.open('https://instagram.com/madeu_gn')">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">
@@ -147,4 +150,5 @@
</script> </script>
<script src="/js/web/index.js"></script> <script src="/js/web/index.js"></script>
</th:block> </th:block>
</html> </html>