Commit @95 - jhleem/egov

Files
Commit

한선우 2022-02-17 @95

Index: base3.10/src/main/webapp/css/user/common.css =================================================================== --- base3.10/src/main/webapp/css/user/common.css (revision 94) +++ base3.10/src/main/webapp/css/user/common.css (revision 95) @@ -435,31 +435,34 @@ .about_text .text p:nth-child(4) { animation-delay:0.6s; margin-bottom:0; } /*연혁*/ -.history { position:relative; padding:100px 0; background:rgba(255,255,255,1); } +.history { position:relative; padding:130px 0; background:rgba(255,255,255,1); } .history_content { position:relative; z-index:1; } -.history h3 { text-align:center; } +.history h3 { text-align:center;position:relative; z-index:1;} .history ul { position:relative; padding:30px 0; } .history ul::after { width:3px; height:0%; content:''; display:inline-block; background:#0032c3; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1;transition:all 0.5s; } .history ul li { width:100%; position:relative; padding:0 calc(50% + 50px) 0 0; text-align:right; margin:50px 0; z-index:3; } -.history .date { color:#0032c3; font-weight:900; letter-spacing:-1px; font-size:1.8em; display:block; margin-bottom:15px; transform:translateX(-50px); opacity:0; transition:all 0.5s; } -.history ul li p { font-size:1.1em; transform:translateX(-50px); opacity:0; transition:all 0.5s;} .history ul li:nth-child(2n) { padding:0 0 0 calc(50% + 50px); text-align:left; } -.history ul li:nth-child(2n) .date, .history ul li:nth-child(2n) p { transform:translateX(50px); } +.history ul li .history_wrap { text-align:left; padding:25px; background:#fff; display: inline-block; border-radius:15px; transform:translate(-50%, -10px); opacity:0; transition:all 0.5s; box-shadow:5px 5px 15px 0 rgb(0 0 0 / 20%); border:2px solid #0032c3; position:relative; } +.history ul li .history_wrap::after { width:50px; height:1px; background:#0032c3; content:''; display:inline-block; position:absolute; top:20px; right:-50px; } +.history ul li:nth-child(2n) .history_wrap::after { right:auto; left:-50px; } +.history ul li .history_wrap .date { color:#0032c3; font-weight:900; letter-spacing:-1px; font-size:1.3em; display:block; margin-bottom:5px; } +.history ul li .history_wrap p { font-size:1.2em; } +.history ul li:nth-child(2n) .history_wrap { transform:translate(50%, -10px); } .history ul li::after { width:10px; height:10px; content:''; display:inline-block; border:3px solid #0032c3; border-radius:50px; background:#fff; position:absolute; top:5px; left:50%; transform: translate(-50%, 50px); opacity:0; transition:all 0.5s; } .history.visible ul::after { height:100%; } .history ul li.visible::after { transform: translate(-50%, 0); opacity:1; } -.history ul li.visible .date { opacity:1; transform:translateX(0); transition-delay:0.2s; } -.history ul li.visible p { opacity:1; transform:translateY(0); transition-delay:0.4s; } +.history ul li.visible .history_wrap { opacity:1; transform:translate(0, -10px); transition-delay:0.2s; } .history_bg { position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background:#f4f4f4; display:block; } +.bg_text { position:absolute; top:100px; left:0; z-index:0; width:100%; font-size:10em; text-align:center; font-weight:900; color:#fff; text-transform:uppercase; } /*편집인*/ .editor_info ul { display:flex; flex-wrap:wrap; margin:0 -30px; } -.editor_info ul li { width:calc(50% - 60px); display:flex; justify-content:flex-start; align-items:center; margin:50px 30px; transform:translateY(50%); opacity:0; transition:all 0.5s;} +.editor_info ul li { width:calc(50% - 30px); display:flex; justify-content:flex-start; align-items:center; margin:15px; padding:30px 30px 40px; border-radius:20px; border:1px solid #e4e6e9; box-shadow:5px 5px 20px 0 rgba(106,151,231,0.2); transform:translateY(50%); opacity:0; transition:all 0.5s;} .editor_info ul li.visible { opacity:1; transform: translateY(0); } -.editor_info ul li strong { font-size:1.5em; font-weight:600; display:block; margin-bottom:20px; } +.editor_info ul li strong { font-size:1.5em; font-weight:600; display:block; margin-bottom:15px; } .editor_info ul li p { display:flex; flex-direction:column; font-size:1.1em; line-height:1.8em; } .editor_info ul li p em::before { content:''; display:inline-block; width:4px; height:4px; background:#333; border-radius:4px; margin:0 10px 4px 0; } -.editor_pic { width:200px; height:200px; border-radius:200px; margin-right:30px; } +.editor_pic { width:130px; height:130px; border-radius:200px; margin-right:30px; box-shadow:5px 5px 20px 0 rgba(117,158,231,0.3); } /*지도*/ .about_map { background:#f4f4f4; margin-bottom:-100px; padding:100px; } @@ -467,11 +470,11 @@ .office_box { margin-bottom:50px; transform:translateY(50%); opacity:0; transition:all 0.5s; } .office_box.visible { opacity:1; transform: translateY(0); } .office_box:last-child { margin-bottom:0; } -.office { width:100%; display:flex; justify-content:space-between; border:1px solid #f1f1f1; background:#fff; transition:box-shadow 0.3s; } +.office { width:100%; display:flex; justify-content:space-between; border:1px solid #dfdfdf; background:#fff; transition:box-shadow 0.3s; } .office:hover { border:1px solid #ddd; box-shadow:0 0 40px 0 rgba(0,0,0,0.2); } -.office_map { width:50%; height:400px; } +.office_map { width:70%; height:400px; } .office_map .map { width:100%; height:100%; } -.office_text { width:50%; padding:50px; } +.office_text { width:30%; padding:50px; } .office_text strong { font-size:1.5em; display:inline-block; border-radius:50px; padding:8px 15px; margin-bottom:20px; color:#fff; background:#0032c3; } .office_text p { font-size:1.1em; } .office_text dl { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:15px; } @@ -482,8 +485,15 @@ #mapS { background:url(/images/user/map2.jpg) 50% 50% no-repeat; } /*로그인*/ -.login_wrap { width:500px; margin:70px auto; display:flex; justify-content:center; flex-direction:column; align-items:center; } -.login { width:100%; border-radius:20px; padding:40px 25px 25px; border:1px solid #e7e7e7; box-shadow:0 0 25px 0 rgba(0,0,0,0.1);} +.login_wrap { width:100%; height:100vh; display:flex; justify-content:center; flex-direction:column; align-items:center; background:url(/images/user/main_bg.jpg) 50% 50% no-repeat; background-size:cover; } +.login_wrap .bg_logo { width:80%; height:250px; background:url(/images/user/logo_fff.svg) 50% 50% no-repeat; background-size:contain; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:0; animation:zoomInforLogin 1.5s ease-in-out both; } +.login_wrap::after { content:''; display:block; width:100%; height:100%; position:fixed; top:0; left:0; z-index:1; backdrop-filter: blur(13px); background:rgba(0,0,0,0.5); animation:fadeInforLogin .7s ease-in-out both; animation-delay:0.3s; } +.login_content { width:500px; position:relative; z-index:2; } +.login { width:100%; background:#fff; border-radius:20px; padding:40px 25px; border:1px solid #e9e9e9; box-shadow:0 0 20px 0 rgba(0,0,0,0.08); animation:fadeupInforLogin 0.7s ease-in-out both; animation-delay:0.5s; transition:0.5s; } +@keyframes zoomInforLogin { 0% { transform:translate(-50%,-50%) scale(.6); opacity:0; } 100% {transform:translate(-50%,-50%) scale(1); opacity:0.5; } } +@keyframes fadeupInforLogin { 0% { transform:translateY(50%); opacity:0; } 100% {transform:translateY(0%); opacity:1; } } +@keyframes fadeInforLogin { 0% { opacity:0; } 100% { opacity:1; } } +.login:hover { border:1px solid #ededed; box-shadow:0 0 40px 0 rgba(0,0,0,0.25);} .login h1 { margin-bottom:25px; text-align:center; } .login h1 img { height:15px; } .login li { width:100%; margin-top:10px; } @@ -495,7 +505,7 @@ .login li .inputText { width:calc(100% - 50px); border:none; border-radius:0; border-radius:0 5px 5px 0; } .login li .inputText:hover { border:none; box-shadow:none; } .login li:last-child { margin-top:20px; } -.login li ul { display:flex; justify-content:center; align-items:center; } +.login li ul { display:flex; justify-content:flex-start; align-items:center; } .login li ul li { width:auto; margin-top:0; display:flex; align-items:center; } .login li ul li::after { content:''; display:inline-block; width:1px; height:14px; background:#ccc; margin:0 15px; } .login li ul li:last-child { margin-top:0; } @@ -530,7 +540,7 @@ } @keyframes fadeup { 0% { transform:translateY(50%); opacity:0; } - 50% { transform:translateY(-10%); } + 50% { transform:translateY(-5%); } 100% { transform:translateY(0); opacity:1; } } @keyframes fadeLeft { Index: base3.10/src/main/webapp/css/user/style.css =================================================================== --- base3.10/src/main/webapp/css/user/style.css (revision 94) +++ base3.10/src/main/webapp/css/user/style.css (revision 95) @@ -248,7 +248,7 @@ input[type='radio']:checked + label { font-weight:600; } /*체크,라디오 기본정렬*/ -.checkbox { display:flex; flex-wrap:wrap; margin:-5px; } +.checkbox { display:flex; flex-wrap:wrap; /*margin:-5px;*/ } .checkbox .check { display:flex; align-items: center; margin:5px 20px 5px 5px; } /*날짜선택*/ Index: base3.10/src/main/webapp/WEB-INF/tiles/template/defaultHeader.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/tiles/template/defaultHeader.jsp (revision 94) +++ base3.10/src/main/webapp/WEB-INF/tiles/template/defaultHeader.jsp (revision 95) @@ -21,7 +21,6 @@ <link href="https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean" rel="stylesheet">  -<link rel="stylesheet" type="text/css" href="<c:url value='/css/user/aos.css' ><c:param name="dt" value="${nowDate}"/></c:url>" /> <script type="text/javascript" src="<c:url value='/js/user/TweenMax.min.js'><c:param name="dt" value="${nowDate}"/></c:url>"></script> <script type="text/javascript" src="<c:url value='/js/user/ScrollMagic.js'><c:param name="dt" value="${nowDate}"/></c:url>"></script> <script type="text/javascript" src="<c:url value='/js/user/debug.addIndicators.js'><c:param name="dt" value="${nowDate}"/></c:url>"></script> Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/cross/content/about.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/cross/content/about.jsp (revision 94) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/cross/content/about.jsp (revision 95) @@ -21,12 +21,12 @@ <div class="inner about_container"> <div class="content_wrap"> <div class="about_text"> - <div class="logo" data-aos="fade-up"><img src="<c:url value="/images/user/logo_v.svg"/>" alt="crossroards webzine"></div> + <div class="logo"><img src="<c:url value="/images/user/logo_v.svg"/>" alt="crossroards webzine"></div> <div class="text"> - <p data-aos="fade-up" data-aos-delay="100">'과학과 미래 그리고 인류'를 목표로 한 <b>크로스로드</b>는 과학특집, 에세이, 칼럼, 소설, 아시아의 창 등 다양한 장르의 과학 글을 통해 미래의 과학적 비전을 보여주고자 아시아 태평양 이론물리센터 (Asia Pacific Center for Theoretical Physics)에서 창간한 과학 웹 저널입니다.</p> - <p data-aos="fade-up" data-aos-delay="200"><b>크로스로드</b>는 과학 지식을 단순히 소개하는 기존의 과학저널과는 달리 무엇보다 과학자들의 세계관과 비전이 담긴 글을 통해 과학자와 일반인들이 서로 논쟁하고, 토론하고, 웃고 즐길 수 있는 웹저널로, 앞으로는 아태지역의 모든 언어권을 기반으로 하고자 합니다.</p> - <p data-aos="fade-up" data-aos-delay="300"><b>크로스로드</b>는 과학자들의 주관적인 아이디어나 미래에 대한 비전이 들어 있는 글이나, 함께 즐길 수 있는 글, 혹은 영감과 상상력이 가득한 과학 소설이나 만화 등을 소개해 아시아태평양 나아가 전 세계 과학 커뮤니케이션의 중추적인 역할을 담당할 것입니다.</p> - <p data-aos="fade-up" data-aos-delay="400">다양한 '가능성'이 교차하며 그 가능성을 더욱 넓히는 <b>크로스로드</b>의 의미만큼 경계를 자유롭게 넘나들며 과학을 더욱더 대중화시키며 그 저변을 확대하고자 합니다.</p> + <p>'과학과 미래 그리고 인류'를 목표로 한 <b>크로스로드</b>는 과학특집, 에세이, 칼럼, 소설, 아시아의 창 등 다양한 장르의 과학 글을 통해 미래의 과학적 비전을 보여주고자 아시아 태평양 이론물리센터 (Asia Pacific Center for Theoretical Physics)에서 창간한 과학 웹 저널입니다.</p> + <p><b>크로스로드</b>는 과학 지식을 단순히 소개하는 기존의 과학저널과는 달리 무엇보다 과학자들의 세계관과 비전이 담긴 글을 통해 과학자와 일반인들이 서로 논쟁하고, 토론하고, 웃고 즐길 수 있는 웹저널로, 앞으로는 아태지역의 모든 언어권을 기반으로 하고자 합니다.</p> + <p><b>크로스로드</b>는 과학자들의 주관적인 아이디어나 미래에 대한 비전이 들어 있는 글이나, 함께 즐길 수 있는 글, 혹은 영감과 상상력이 가득한 과학 소설이나 만화 등을 소개해 아시아태평양 나아가 전 세계 과학 커뮤니케이션의 중추적인 역할을 담당할 것입니다.</p> + <p>다양한 '가능성'이 교차하며 그 가능성을 더욱 넓히는 <b>크로스로드</b>의 의미만큼 경계를 자유롭게 넘나들며 과학을 더욱더 대중화시키며 그 저변을 확대하고자 합니다.</p> </div> </div> </div> @@ -36,31 +36,42 @@ <h3>연혁</h3> <ul> <li class="history_li"> - <div class="dot"></div> - <div class="date">2020. 01. 01</div> - <p>4차 크로스로드 개편</p> + <div class="history_wrap"> + <div class="dot"></div> + <div class="date">2020. 01. 01</div> + <p>4차 크로스로드 개편</p> + </div> </li> <li class="history_li"> - <div class="dot"></div> - <div class="date">2016. 04. 01</div> - <p>3차 크로스로드 개편</p> + <div class="history_wrap"> + <div class="dot"></div> + <div class="date">2016. 04. 01</div> + <p>3차 크로스로드 개편</p> + </div> </li> <li class="history_li"> - <div class="dot"></div> - <div class="date">2008. 05. 20</div> - <p>2차 크로스로드 개편</p> + <div class="history_wrap"> + <div class="dot"></div> + <div class="date">2008. 05. 20</div> + <p>2차 크로스로드 개편</p> + </div> </li> <li class="history_li"> - <div class="dot"></div> - <div class="date">2007. 09. 01</div> - <p>1차 크로스로드 개편</p> + <div class="history_wrap"> + <div class="dot"></div> + <div class="date">2007. 09. 01</div> + <p>1차 크로스로드 개편</p> + </div> </li> <li class="history_li"> - <div class="dot"></div> - <div class="date">2005. 10. 01</div> - <p>아시아태평양 이론물리센터 과학 웹저널 [크로스로드] 창간</p> + <div class="history_wrap"> + <div class="dot"></div> + <div class="date">2005. 10. 01</div> + <p>아시아태평양 이론물리센터 과학 웹저널 [크로스로드] 창간</p> + </div> </li> </ul> + <div class="bg_text">history</div> </div> <div class="inner"> <div class="content_wrap"> @@ -165,13 +176,24 @@ //about var controller = new ScrollMagic.Controller(); var gray = TweenMax.to(".history", 0.5, {background: "rgba(244,244,244,1)"}); +var window = $(window).outerHeight(); +var history = $(".history").outerHeight() / 2; // slide var bgGray = new ScrollMagic.Scene({triggerElement: ".history", triggerHook:'.5'}) .setTween(gray) - .duration(300) - .addTo(controller); + .offset(100) + .duration(400) + .addTo(controller) + //.addIndicators({name: "bgGray"}); +var bgText = new ScrollMagic.Scene({triggerElement: ".history", triggerHook:'.5'}) + .setPin(".bg_text") + .offset(100) + .duration("100%") + .addTo(controller) + //.addIndicators({name: "text"}); + var revealElements = $(".content_wrap ul li, .content_wrap h3, .office_box, .history"); for (var i=0; i<revealElements.length; i++) { Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleUpdt.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleUpdt.jsp (revision 94) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleUpdt.jsp (revision 95) @@ -170,7 +170,7 @@ <label for="egovComFileUploader" class="btn_m bg_basic btn_file_up" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> - <div class="file_list" id="egovComFileList"></div> + <div class="file_list" id="egovComFileList" style="display:none;"></div> </div> </li> </c:if> Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleReply.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleReply.jsp (revision 94) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleReply.jsp (revision 95) @@ -152,7 +152,7 @@  </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> - <ul class="file_list" id="egovComFileList"> + <ul class="file_list" id="egovComFileList" style="display:none;"> </ul> </div> </li> Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleRegist.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleRegist.jsp (revision 94) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/cop/bbs/EgovArticleRegist.jsp (revision 95) @@ -174,7 +174,7 @@ <label for="egovComFileUploader" class="btn_m bg_basic btn_file_up" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> </div> <em class="exp filenote">※ 파일당 ${boardMasterVO.atchPosblFileSize }MB까지 첨부 가능합니다.</em> - <ul class="file_list" id="egovComFileList"> + <ul class="file_list" id="egovComFileList" style="display:none;"> </ul> </div> </li> Index: base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/uat/uia/EgovLoginUsr.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/uat/uia/EgovLoginUsr.jsp (revision 94) +++ base3.10/src/main/webapp/WEB-INF/jsp/egovframework/com/uat/uia/EgovLoginUsr.jsp (revision 95) @@ -168,21 +168,16 @@ </script> </head> <body onLoad="fnInit();"> -  <noscript class="noScriptTitle"><spring:message code="common.noScriptTitle.msg" /></noscript> - -  <div class="login_wrap"> - - - - <div class="login"> - <h1><a href="/" title="crossroards webzine 메인페이지로 이동"><img src="<c:url value='/images/user/logo.svg'/>" alt="crossroards webzine"></a></h1> - <form name="loginForm" id="loginForm" action="<c:url value='/uat/uia/actionLogin.do'/>" method="post"> - <input type="hidden" id="message" name="message" value="<c:out value='${message}'/>"> - <fieldset> + <div class="login_content"> + <div class="login"> + <h1><a href="/" title="crossroards webzine 메인페이지로 이동"><img src="<c:url value='/images/user/logo.svg'/>" alt="crossroards webzine"></a></h1> + <form name="loginForm" id="loginForm" action="<c:url value='/uat/uia/actionLogin.do'/>" method="post"> + <input type="hidden" id="message" name="message" value="<c:out value='${message}'/>"> + <fieldset> <ul>  <c:set var="title"><spring:message code="comUatUia.loginForm.id"/></c:set> @@ -196,7 +191,7 @@ <c:set var="title"><spring:message code="comUatUia.loginForm.pw"/></c:set> <li> <div class="login_input"> - <label for="password"><em class="blind">${title}</em></label> + <label for="password"><em class="blind">${title}fff</em></label> <input type="password" name="password" id="password" maxlength="20" class="inputText" title="${title} ${inputTxt}" placeholder="${title} ${inputTxt}"> </div> </li> @@ -212,49 +207,47 @@ <div class="check"><input type="checkbox" name="checkId" class="check2" id="checkId"><label for="checkId">${title}</label></div> </div> </li> - <li><a href="javascript:void(0);" class="link" onclick="goRegiUsr(); return false;"><spring:message code="comUatUia.loginForm.regist"/></a></li>  + <%-- <li><a href="javascript:void(0);" class="link" onclick="goRegiUsr(); return false;"><spring:message code="comUatUia.loginForm.regist"/></a></li> --%>  </ul> </li> </ul> - </fieldset> - - <input name="userSe" type="hidden" value="USR"/> - <input name="j_username" type="hidden"/> - </form> - </div> - - <div class="benefit"> - <p>※ APCTP 회원으로 가입하시면,<br> - 다음과 같은 다양한 정보와 서비스를 무료로 받으실 수 있습니다.</p> - <ul> - <li> - <div class="img"><img src="/images/user/icon_benefit1.svg" alt="메일링서비스이미지"></div> - <div class="text"><strong>메일링서비스</strong> - <p>Bulletin 신청</p> - <p>APCTP 학술행사 안내</p> - <p>과학커뮤니케이션 행사 안내</p> - </div> - </li> - <li> - <div class="img"><img src="/images/user/icon_benefit2.svg" alt="학술활동, 국제협력이미지이미지"></div> - <div class="text"><strong>학술활동, 국제협력</strong> - <p>학술 프로그램 신청</p> - <p>VOD 서비스</p> - </div> - </li> - <li> - <div class="img"><img src="/images/user/icon_benefit3.svg" alt="과학커뮤니케이션 프로그램"></div> - <div class="text"><strong>과학커뮤니케이션 프로그램</strong> - <p>행사 참가 신청 가능</p> - <p>행사 VOD 서비스</p> - <p>행사 포토 다운로드</p> - </div> - </li> - </ul> - </div> - + </fieldset> + <input name="userSe" type="hidden" value="USR"/> + <input name="j_username" type="hidden"/> + </form> + </div> +  + </div> + <div class="bg_logo"></div> </div> -  <form name="defaultForm" action ="" method="post" target="_blank"> <div style="visibility:hidden;display:none;"> Index: base3.10/src/main/webapp/WEB-INF/jsp/index.jsp =================================================================== --- base3.10/src/main/webapp/WEB-INF/jsp/index.jsp (revision 94) +++ base3.10/src/main/webapp/WEB-INF/jsp/index.jsp (revision 95) @@ -179,13 +179,14 @@ var controller = new ScrollMagic.Controller(); // build tween var tween = TweenMax.to(".main_slide", 0.5, {opacity: "0"}), - height = $(".main_slide").outerHeight(); + height = $(".main_slide").outerHeight() / 2; var wave = TweenMax.to(".bg_wave", 0.5, {opacity: "1"}), waveHeight = $(".bg_wave").outerHeight(); // slide var scene = new ScrollMagic.Scene({triggerElement: ".main_slide", triggerHook:'0'}) .duration(height) + .offset(height) .setTween(tween) //.addIndicators({name: "main_slide"}) .addTo(controller);

Add a comment

List

Delete comment