|
@@ -203,17 +203,23 @@
|
|
|
<div class="cont_body">
|
|
<div class="cont_body">
|
|
|
<th:block th:each="ContentsData, ContentsStat : ${mainLayoutData.ContentsList}">
|
|
<th:block th:each="ContentsData, ContentsStat : ${mainLayoutData.ContentsList}">
|
|
|
<th:block th:if="${ContentsData.contentsType!=null && ContentsData.contentsType!=''}">
|
|
<th:block th:if="${ContentsData.contentsType!=null && ContentsData.contentsType!=''}">
|
|
|
- <div class="ui_row" th:if="${ContentsData.contentsType=='1'}">
|
|
|
|
|
- <div class="ui_col_6">
|
|
|
|
|
- <a th:href="${ContentsData.strVar1}"><img th:src="${@environment.getProperty('domain.image')+ContentsData.imgPath1}" alt=""></a>
|
|
|
|
|
|
|
+ <div class="bnnbox_crop" th:if="${ContentsData.contentsType=='1'}">
|
|
|
|
|
+ <div class="bnn_half" style="width: 100%;height: 230px;float: none;overflow: hidden;">
|
|
|
|
|
+ <a th:href="${ContentsData.strVar1}" target="_blank">
|
|
|
|
|
+ <img th:src="${@environment.getProperty('domain.image')+ContentsData.imgPath1}" alt="">
|
|
|
|
|
+ </a>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="ui_row" th:if="${ContentsData.contentsType=='2'}">
|
|
|
|
|
- <div class="ui_col_6">
|
|
|
|
|
- <a th:href="${ContentsData.strVar1}"><img th:src="${@environment.getProperty('domain.image')+ContentsData.imgPath1}" alt=""></a>
|
|
|
|
|
|
|
+ <div class="bnnbox_crop" th:if="${ContentsData.contentsType=='2'}">
|
|
|
|
|
+ <div class="bnn_half">
|
|
|
|
|
+ <a th:href="${ContentsData.strVar1}" target="_blank">
|
|
|
|
|
+ <img th:src="${@environment.getProperty('domain.image')+ContentsData.imgPath1}" alt="">
|
|
|
|
|
+ </a>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="ui_col_6">
|
|
|
|
|
- <a th:href="${ContentsData.strVar2}"><img th:src="${@environment.getProperty('domain.image')+ContentsData.imgPath2}" alt=""></a>
|
|
|
|
|
|
|
+ <div class="bnn_half">
|
|
|
|
|
+ <a th:href="${ContentsData.strVar2}" target="_blank">
|
|
|
|
|
+ <img th:src="${@environment.getProperty('domain.image')+ContentsData.imgPath2}" alt="">
|
|
|
|
|
+ </a>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</th:block>
|
|
</th:block>
|
|
@@ -836,11 +842,11 @@ if ( (navigator.appName == 'Netscape' && agent.indexOf('trident') != -1) || (age
|
|
|
loop: true,
|
|
loop: true,
|
|
|
slidesPerView: 'auto',
|
|
slidesPerView: 'auto',
|
|
|
spaceBetween: 100,
|
|
spaceBetween: 100,
|
|
|
-
|
|
|
|
|
- // initialSlide: 0,
|
|
|
|
|
|
|
+
|
|
|
|
|
+ // initialSlide: 0,
|
|
|
// 초기 슬라이드의 색인 번호입니다
|
|
// 초기 슬라이드의 색인 번호입니다
|
|
|
centeredSlides: true,
|
|
centeredSlides: true,
|
|
|
- // slidesOffsetBefore: 250,
|
|
|
|
|
|
|
+ // slidesOffsetBefore: 250,
|
|
|
// 컨테이너 시작 부분 (모든 슬라이드 이전)에 슬라이드 오프셋 추가 (픽셀 단위)
|
|
// 컨테이너 시작 부분 (모든 슬라이드 이전)에 슬라이드 오프셋 추가 (픽셀 단위)
|
|
|
speed : 1000,
|
|
speed : 1000,
|
|
|
// Navigation arrows
|
|
// Navigation arrows
|
|
@@ -865,11 +871,11 @@ if ( (navigator.appName == 'Netscape' && agent.indexOf('trident') != -1) || (age
|
|
|
loop: true,
|
|
loop: true,
|
|
|
slidesPerView: 'auto',
|
|
slidesPerView: 'auto',
|
|
|
spaceBetween: 70,
|
|
spaceBetween: 70,
|
|
|
-
|
|
|
|
|
- // initialSlide: 0,
|
|
|
|
|
|
|
+
|
|
|
|
|
+ // initialSlide: 0,
|
|
|
// 초기 슬라이드의 색인 번호입니다
|
|
// 초기 슬라이드의 색인 번호입니다
|
|
|
centeredSlides: true,
|
|
centeredSlides: true,
|
|
|
- // slidesOffsetBefore: 250,
|
|
|
|
|
|
|
+ // slidesOffsetBefore: 250,
|
|
|
// 컨테이너 시작 부분 (모든 슬라이드 이전)에 슬라이드 오프셋 추가 (픽셀 단위)
|
|
// 컨테이너 시작 부분 (모든 슬라이드 이전)에 슬라이드 오프셋 추가 (픽셀 단위)
|
|
|
speed : 1000,
|
|
speed : 1000,
|
|
|
// Navigation arrows
|
|
// Navigation arrows
|
|
@@ -929,22 +935,22 @@ var main_trendy_slide = new Swiper('.main_trendy .post-trendy', {
|
|
|
main_trendy_slide.on('slideChange', function () {
|
|
main_trendy_slide.on('slideChange', function () {
|
|
|
var newitemIndex = main_trendy_slide.activeIndex;
|
|
var newitemIndex = main_trendy_slide.activeIndex;
|
|
|
var slideWidth = $(".main_trendy .swiper-slide-visible").eq(0).width() + 22;
|
|
var slideWidth = $(".main_trendy .swiper-slide-visible").eq(0).width() + 22;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
$(".main_trendy .swiper-slide").removeClass('scaleBig');
|
|
$(".main_trendy .swiper-slide").removeClass('scaleBig');
|
|
|
$(".main_trendy .swiper-slide-visible").eq(0).addClass('scaleBig');
|
|
$(".main_trendy .swiper-slide-visible").eq(0).addClass('scaleBig');
|
|
|
$(".main_trendy .swiper-slide-visible").eq(3).addClass('scaleBig');
|
|
$(".main_trendy .swiper-slide-visible").eq(3).addClass('scaleBig');
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
$(".main_trendy .swiper-wrapper").css("transform","translateX(-"+ (slideWidth * newitemIndex) +"px)");
|
|
$(".main_trendy .swiper-wrapper").css("transform","translateX(-"+ (slideWidth * newitemIndex) +"px)");
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
main_trendy_slide.on('reachEnd', function () {
|
|
main_trendy_slide.on('reachEnd', function () {
|
|
|
var newitemIndex = main_trendy_slide.activeIndex + 1;
|
|
var newitemIndex = main_trendy_slide.activeIndex + 1;
|
|
|
var slideWidth = $(".main_trendy .swiper-slide-visible").eq(0).width() + 22;
|
|
var slideWidth = $(".main_trendy .swiper-slide-visible").eq(0).width() + 22;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
$(".main_trendy .swiper-slide").removeClass('scaleBig');
|
|
$(".main_trendy .swiper-slide").removeClass('scaleBig');
|
|
|
$(".main_trendy .swiper-slide-visible").eq(1).addClass('scaleBig');
|
|
$(".main_trendy .swiper-slide-visible").eq(1).addClass('scaleBig');
|
|
|
$(".main_trendy .swiper-slide-visible").eq(4).addClass('scaleBig');
|
|
$(".main_trendy .swiper-slide-visible").eq(4).addClass('scaleBig');
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
$(".main_trendy .swiper-wrapper").css("transform","translateX(-"+ (slideWidth * newitemIndex) +"px)");
|
|
$(".main_trendy .swiper-wrapper").css("transform","translateX(-"+ (slideWidth * newitemIndex) +"px)");
|
|
|
function l(n) {
|
|
function l(n) {
|
|
|
if (n.direction !== "none")
|
|
if (n.direction !== "none")
|
|
@@ -1002,52 +1008,116 @@ var main_deal_slide = new Swiper ('.main_deal .post-deal', {
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
-/* SLIDE - MAIN_PICK */
|
|
|
|
|
-var main_pick_nav = new Swiper('.main_pick .post-pick-nav', { //top
|
|
|
|
|
- initialSlide: 1,
|
|
|
|
|
- slidesPerView: 6,
|
|
|
|
|
- // slidesPerGroup: 6,
|
|
|
|
|
- loop: true,
|
|
|
|
|
- loopeSlides: 6,
|
|
|
|
|
- loopFillGroupWithBlank : true,
|
|
|
|
|
- // slideToClickedSlide : true,
|
|
|
|
|
- slideToClickedSlide : true,
|
|
|
|
|
- loopAdditionalSlides : 1,
|
|
|
|
|
- // centeredSlides : true,
|
|
|
|
|
- watchSlidesVisibility: true,
|
|
|
|
|
- watchSlidesProgress: true,
|
|
|
|
|
- freeMode: false,
|
|
|
|
|
- navigation: {
|
|
|
|
|
- nextEl: '.main_pick .swiper-button-next',
|
|
|
|
|
- prevEl: '.main_pick .swiper-button-prev',
|
|
|
|
|
- },
|
|
|
|
|
- autoplay: {
|
|
|
|
|
- delay: 5000,
|
|
|
|
|
- disableOnInteraction: false,
|
|
|
|
|
- },
|
|
|
|
|
-});
|
|
|
|
|
-var main_pick_post = new Swiper('.main_pick .post-pick-for', { //thumbs
|
|
|
|
|
- initialSlide: 1,
|
|
|
|
|
- slidesPerView: 1,
|
|
|
|
|
- // slidesPerGroup: 6,
|
|
|
|
|
- loop: true,
|
|
|
|
|
- loopeSlides: 6,
|
|
|
|
|
- spaceBetween: 10,
|
|
|
|
|
- // loopFillGroupWithBlank : true,
|
|
|
|
|
- loopAdditionalSlides: 1,
|
|
|
|
|
- allowTouchMove: false,
|
|
|
|
|
- navigation: {
|
|
|
|
|
- nextEl: '.main_pick .swiper-button-next',
|
|
|
|
|
- prevEl: '.main_pick .swiper-button-prev',
|
|
|
|
|
- },
|
|
|
|
|
- thumbs: {
|
|
|
|
|
- swiper: main_pick_nav
|
|
|
|
|
- },
|
|
|
|
|
- autoplay: {
|
|
|
|
|
- delay: 5000,
|
|
|
|
|
- disableOnInteraction: false,
|
|
|
|
|
- },
|
|
|
|
|
-});
|
|
|
|
|
|
|
+/* 브랜드 PICK 갯수체크 210430_수정 */
|
|
|
|
|
+var pickCont = $('.post-pick-nav .swiper-slide');
|
|
|
|
|
+var pickLength = pickCont.length;
|
|
|
|
|
+if (pickLength < 2) {
|
|
|
|
|
+ /* SLIDE - MAIN_PICK */
|
|
|
|
|
+ var main_pick_nav = new Swiper('.main_pick .post-pick-nav', { //top
|
|
|
|
|
+ initialSlide: 0,
|
|
|
|
|
+ slidesPerView: 6,
|
|
|
|
|
+ // slidesPerGroup: 6,
|
|
|
|
|
+ loop: false,
|
|
|
|
|
+ watchOverflow : true,
|
|
|
|
|
+ loopeSlides: 6,
|
|
|
|
|
+ loopFillGroupWithBlank : true,
|
|
|
|
|
+ // slideToClickedSlide : true,
|
|
|
|
|
+ slideToClickedSlide : true,
|
|
|
|
|
+ loopAdditionalSlides : 1,
|
|
|
|
|
+ // centeredSlides : true,
|
|
|
|
|
+ watchSlidesVisibility: true,
|
|
|
|
|
+ watchSlidesProgress: true,
|
|
|
|
|
+ freeMode: false,
|
|
|
|
|
+ navigation: {
|
|
|
|
|
+ nextEl: '.main_pick .swiper-button-next',
|
|
|
|
|
+ prevEl: '.main_pick .swiper-button-prev',
|
|
|
|
|
+ },
|
|
|
|
|
+ autoplay: {
|
|
|
|
|
+ delay: 5000,
|
|
|
|
|
+ disableOnInteraction: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ });
|
|
|
|
|
+} else {
|
|
|
|
|
+ /* SLIDE - MAIN_PICK */
|
|
|
|
|
+ var main_pick_nav = new Swiper('.main_pick .post-pick-nav', { //top
|
|
|
|
|
+ initialSlide: 0,
|
|
|
|
|
+ slidesPerView: 6,
|
|
|
|
|
+ // slidesPerGroup: 6,
|
|
|
|
|
+ loop: true,
|
|
|
|
|
+ loopeSlides: 6,
|
|
|
|
|
+ loopFillGroupWithBlank : true,
|
|
|
|
|
+ // slideToClickedSlide : true,
|
|
|
|
|
+ slideToClickedSlide : true,
|
|
|
|
|
+ loopAdditionalSlides : 1,
|
|
|
|
|
+ // centeredSlides : true,
|
|
|
|
|
+ watchSlidesVisibility: true,
|
|
|
|
|
+ watchSlidesProgress: true,
|
|
|
|
|
+ freeMode: false,
|
|
|
|
|
+ navigation: {
|
|
|
|
|
+ nextEl: '.main_pick .swiper-button-next',
|
|
|
|
|
+ prevEl: '.main_pick .swiper-button-prev',
|
|
|
|
|
+ },
|
|
|
|
|
+ autoplay: {
|
|
|
|
|
+ delay: 5000,
|
|
|
|
|
+ disableOnInteraction: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+/* 브랜드 PICK 갯수체크 210430_수정 */
|
|
|
|
|
+var pickForCont = $('.post-pick-for .swiper-slide');
|
|
|
|
|
+var pickForLength = pickForCont.length;
|
|
|
|
|
+if (pickForLength < 2) {
|
|
|
|
|
+ var main_pick_post = new Swiper('.main_pick .post-pick-for', { //thumbs
|
|
|
|
|
+ initialSlide: 0,
|
|
|
|
|
+ slidesPerView: 1,
|
|
|
|
|
+ // slidesPerGroup: 6,
|
|
|
|
|
+ loop: false,
|
|
|
|
|
+ watchOverflow : true,
|
|
|
|
|
+ loopeSlides: 6,
|
|
|
|
|
+ spaceBetween: 10,
|
|
|
|
|
+ // loopFillGroupWithBlank : true,
|
|
|
|
|
+ loopAdditionalSlides: 1,
|
|
|
|
|
+ allowTouchMove: false,
|
|
|
|
|
+ navigation: {
|
|
|
|
|
+ nextEl: '.main_pick .swiper-button-next',
|
|
|
|
|
+ prevEl: '.main_pick .swiper-button-prev',
|
|
|
|
|
+ },
|
|
|
|
|
+ thumbs: {
|
|
|
|
|
+ swiper: main_pick_nav
|
|
|
|
|
+ },
|
|
|
|
|
+ autoplay: {
|
|
|
|
|
+ delay: 5000,
|
|
|
|
|
+ disableOnInteraction: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ });
|
|
|
|
|
+}else{
|
|
|
|
|
+ var main_pick_post = new Swiper('.main_pick .post-pick-for', { //thumbs
|
|
|
|
|
+ initialSlide: 0,
|
|
|
|
|
+ slidesPerView: 1,
|
|
|
|
|
+ // slidesPerGroup: 6,
|
|
|
|
|
+ loop: true,
|
|
|
|
|
+ loopeSlides: 6,
|
|
|
|
|
+ spaceBetween: 10,
|
|
|
|
|
+ // loopFillGroupWithBlank : true,
|
|
|
|
|
+ loopAdditionalSlides: 1,
|
|
|
|
|
+ allowTouchMove: false,
|
|
|
|
|
+ navigation: {
|
|
|
|
|
+ nextEl: '.main_pick .swiper-button-next',
|
|
|
|
|
+ prevEl: '.main_pick .swiper-button-prev',
|
|
|
|
|
+ },
|
|
|
|
|
+ thumbs: {
|
|
|
|
|
+ swiper: main_pick_nav
|
|
|
|
|
+ },
|
|
|
|
|
+ autoplay: {
|
|
|
|
|
+ delay: 5000,
|
|
|
|
|
+ disableOnInteraction: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ });
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
// main_pick_nav.controller.control = main_pick_post;
|
|
// main_pick_nav.controller.control = main_pick_post;
|
|
|
// main_pick_post.controller.control = main_pick_nav;
|
|
// main_pick_post.controller.control = main_pick_nav;
|
|
|
|
|
|
|
@@ -1070,8 +1140,8 @@ var main_pick_lookbook = new Swiper ('.main_pick .post-lookbook', {
|
|
|
var main_bnnWide_slide = new Swiper ('.main_1stage .post-bnnWide', {
|
|
var main_bnnWide_slide = new Swiper ('.main_1stage .post-bnnWide', {
|
|
|
slidesPerView: 1,
|
|
slidesPerView: 1,
|
|
|
speed : 1500,
|
|
speed : 1500,
|
|
|
- initialSlide: 2,
|
|
|
|
|
- loop: true,
|
|
|
|
|
|
|
+ initialSlide: 0,
|
|
|
|
|
+ //loop: true,
|
|
|
watchOverflow: true, //loop와 함께 사용 불가.
|
|
watchOverflow: true, //loop와 함께 사용 불가.
|
|
|
autoplay: {
|
|
autoplay: {
|
|
|
delay: 4000,
|
|
delay: 4000,
|
|
@@ -1095,9 +1165,9 @@ $(".main_recomm .tag_list .btn").click(function(){
|
|
|
$('#'+recommActive).addClass('active');
|
|
$('#'+recommActive).addClass('active');
|
|
|
});
|
|
});
|
|
|
function init(){
|
|
function init(){
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
if(main_recomm_slide != null) main_recomm_slide.destroy();
|
|
if(main_recomm_slide != null) main_recomm_slide.destroy();
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
var main_recomm_slide = new Swiper ('.main_recomm .post-recomm', {
|
|
var main_recomm_slide = new Swiper ('.main_recomm .post-recomm', {
|
|
|
slidesPerView: 5,
|
|
slidesPerView: 5,
|
|
|
slidesPerGroup: 5,
|
|
slidesPerGroup: 5,
|
|
@@ -1149,7 +1219,7 @@ var main_foryou_slide = new Swiper ('.main_foryou .post-sug .swiper-container',
|
|
|
$('#fy1').addClass('active');
|
|
$('#fy1').addClass('active');
|
|
|
cntNum = 0;
|
|
cntNum = 0;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
clearInterval(ti);
|
|
clearInterval(ti);
|
|
|
ti = startTimeInterval();
|
|
ti = startTimeInterval();
|
|
|
}
|
|
}
|