diff --git a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp index 5002dc9c..cb0fdf76 100644 --- a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp @@ -420,16 +420,16 @@ function instrChk(){ 새창열림 - -
+ +
${popipZoneList.imgAlt} 팝업?atchFileId=' />
- -
+ +
${popipZoneList.imgAlt} 팝업?atchFileId=' />
diff --git a/src/main/webapp/visitEdu/usr/publish/css/main.css b/src/main/webapp/visitEdu/usr/publish/css/main.css index fd45a18d..c978f95b 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/main.css +++ b/src/main/webapp/visitEdu/usr/publish/css/main.css @@ -28,6 +28,8 @@ .visual_slide .swiper-slide[data-swiper-slide-index="3"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_04.jpg) no-repeat center top;} .visual_slide .swiper-slide[data-swiper-slide-index="4"]{background:url(/offedu/visitEdu/usr/publish/images/main/main_visual_05.jpg) no-repeat center top;} +.visual_slide .swiper-pagination-bullet:focus-visible{outline:2px solid #000;} + /* main_banner_link */ .container .main_banner_link{position:relative;height:130px;margin:20px auto 70px auto;} .container .main_banner_link li{position:relative;display:flex;width:calc((100%/5) - 12px);height:100%;background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(45,55,90,0.2);align-items:center;transition:all 0.3s ease-in-out;} @@ -89,6 +91,7 @@ .wrap .notify .notify_control .slide_pause{background:url(/offedu/visitEdu/usr/publish/images/main/btn_pause.png) no-repeat center center;} .wrap .notify .notify_control .slide_play{background:url(/offedu/visitEdu/usr/publish/images/main/btn_play.png) no-repeat center center;} .wrap .notify .content{width:100%;height:332px;overflow:hidden;border-radius:5px;} +.wrap .notify .notify_slide a:focus{width:calc(100% - 6px);height:calc(100% - 6px);margin:2px 0 0 2px;} @media all and (max-width: 1440px){ .main .inner{width:calc(100% - 40px);} diff --git a/src/main/webapp/visitEdu/usr/publish/script/common.js b/src/main/webapp/visitEdu/usr/publish/script/common.js index 5bc6c9b2..ef7e95eb 100644 --- a/src/main/webapp/visitEdu/usr/publish/script/common.js +++ b/src/main/webapp/visitEdu/usr/publish/script/common.js @@ -173,8 +173,6 @@ function header() { depth01_li.addClass("on"); $('header .depth02').css('height',h + 'px'); } - - gnb.find(".menu_link").on("mouseover", function () { open_gnb($(this)); @@ -217,10 +215,9 @@ function header() { $(".depth01_li").removeClass("on"); $("header .depth02").animate({height:'auto'},1000); }); - $(".depth01_li").on('mouseleave',function(){ + /*$(".depth01_li").on('mouseleave',function(){ $('header .depth02').attr('style',''); - }) - + });*/ $("#menu .depth01_li:last-child .depth02 li:last-child").on("focusout", function () { header.removeClass("on").attr('style',''); $("#menu .depth01_li").removeClass("on"); diff --git a/src/main/webapp/visitEdu/usr/publish/script/main.js b/src/main/webapp/visitEdu/usr/publish/script/main.js index 69f344a8..160c8e92 100644 --- a/src/main/webapp/visitEdu/usr/publish/script/main.js +++ b/src/main/webapp/visitEdu/usr/publish/script/main.js @@ -1,5 +1,8 @@ $(document).ready(function () { + $(".visual_slide .swiper-slide-active").siblings(".swiper-slide").find("a").attr("tabindex","-1"); + $(".notify_slide .swiper-slide-active").siblings(".swiper-slide").attr("tabindex","-1"); + //visual slide var visualSlide = new Swiper('.visual_slide', { spaceBetween: 30, @@ -14,8 +17,20 @@ $(document).ready(function () { navigation: { nextEl: '.visual_slide .btn_next_slide', prevEl: '.visual_slide .btn_prev_slide', + }, + on:{ + slideChange:function(){ + $(".visual_slide").find(".swiper-slide-active").find("a").attr("tabindex","0"); + $(".visual_slide").find(".swiper-slide-active").siblings(".swiper-slide").find("a").attr("tabindex","-1"); + }, + transitionStart:function(){ + $(".visual_slide").find(".swiper-slide-active").find("a").attr("tabindex","0"); + $(".visual_slide").find(".swiper-slide-active").siblings(".swiper-slide").find("a").attr("tabindex","-1"); + } } }); + + // notify slide var notifySlide = new Swiper('.notify_slide', { @@ -31,8 +46,35 @@ $(document).ready(function () { navigation: { nextEl: ".notify_control .swiper-button-next", prevEl: ".notify_control .swiper-button-prev", + }, + on:{ + slideChange:function(){ + $(".notify_slide").find(".swiper-slide-active").attr("tabindex","0"); + $(".notify_slide").find(".swiper-slide-active").siblings(".swiper-slide").attr("tabindex","-1"); + }, + transitionStart:function(){ + $(".notify_slide").find(".swiper-slide-active").attr("tabindex","0"); + $(".notify_slide").find(".swiper-slide-active").siblings(".swiper-slide").attr("tabindex","-1"); + } } }); + + // 슬라이드 포커싱 시 멈춤/재생 + $('.visual_slide .swiper-slide a').focusin(function(){ + visualSlide.autoplay.stop(); + }); + + $('.visual_slide .swiper-slide a').focusout(function(){ + visualSlide.autoplay.start(); + }) + + $('.notify_slide .swiper-slide').focusin(function(){ + notifySlide.autoplay.stop(); + }); + + $('.notify_slide .swiper-slide').focusout(function(){ + notifySlide.autoplay.start(); + }) $(".visual_slide .slide_pause").click(function () { // 중지버튼 눌렀을때