페이드인/페이드아웃 슬라이드가 동작하지 않아요.

$(function(){ var num = 0; $('.slide div a').ep(num).addClass('active'); setInterval(function(){ if(num

페이드인/페이드아웃 슬라이드가 동작하지 않아요.

@charset "utf-8"; body { color: #333333; background-color: #ffffff; margin: 0; padding: 0; } a { text-decoration: none; color: #333333; } .container { width: 1000px; border: 1px solid black; } .container > div { float: left; box-sizing: border-box; } .left { width: 200px; } header { } header div { border: 1px solid black; } .logo { height: 100px; } .navi { width: 180px; height: 400px; } .right { width: 800px; } .slide { border: 1px solid black; position: relative; } .slide > div { height: 350px; } .slide > div a { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: 0.5s; } .slide > div a.active { opacity: 1; visibility: visible; } .contents { overflow: hidden; } .contents > div { height: 200px; float: left; border: 1px solid black; box-sizing: border-box; } .notice { width: 300px; } .gallery { width: 300px; } .shortcut { width: 200px; } footer { overflow: hidden; } footer > div { height: 100px; border: 1px solid black; float: left; box-sizing: border-box; } .copyright { width: 600px; } .site { width: 200px; } .sns { height: 50px; } .familysite { height: 50px; }

페이드인/페이드아웃 슬라이드가 동작하지 않아요.

부여 가을연꽃축제 (사진) (사진) (사진) (사진)

갤러리 btn 부분 가운데 정렬되는 이유

@charset "utf-8"; .container { } a { text-decoration: none; color: #000000; } .header-inner { background-color: lightgray; } header { width: 1200px; height: 100px; margin: auto; position:relative; z-index: 1; } header div { height: 100px; } .logo { width: 200px; float: left; line-height: 120px; text-align: center; } .logo img { width: 190px; } .navi { width: 600px; float: right; margin-right: 20px; } .menu { list-style: none; padding: 0; margin-top: 67px; } .menu li { text-align: center; float:left; width: 150px; box-sizing: border-box; } .menu li > a { padding: 5px; display: block; border: 1px solid black; transition: 0.5s; } .menu li:hover > a { background-color: #000000; color: #ffffff; } .submenu { height: 130px; display: none; } .submenu a { display: block; padding: 5px; color: #ffffff; transition: 0.5s; } .submenu a:hover { background-color: #ffffff; color: #000000; } .subbg { width: 1200px; background-color: #000000; position: absolute; top: 100%; left: 0; height: 140px; z-index: -1; display: none; } .contents-inner { } .slide { width: 1200px; margin: auto; position: relative; overflow: hidden; margin-bottom: 5px; } .slide div { height: 300px; } .slide div a { position: absolute; top: 0; left: 0; transform: translateX(300px); opacity: 0; transition: 0.5s; } .slide div a.active { transform: translateX(0); opacity: 1; } .slide div img { width: 1200px; height: 300px; } .contents { width: 1200px; margin: auto; overflow: hidden; } .contents > div { height: 200px; float: left; box-sizing: border-box; } .notice { width: 400px; } .btn span { display: inline-block; border: 1px solid black; width: 100px; padding: 5px; text-align: center; border-radius: 5px 5px 0 0; background-color: #ffffff; border-bottom: none; margin-bottom: -1px; } .tab1, .tab2 { width: 95%; border: 1px solid black; height: 157px; } .tab2 { margin: 0 auto; } .tab1 > a { display: block; padding: 2px; padding-top: 3px; border-bottom: 1px solid black; width: 95%; text-align: center; } .tab1 > a:hover { color: blue; } .tab1 >a:last-child { border-bottom: none; } .tab1 > a b { display: inline-block; width: 70%; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tab1 > a span { float: right; } .gallery { width: 400px; text-align: center; } .gallery img { width: 110px; padding-top: 15px; } .gallery img:hover { opacity: 0.5; } .banner { width: 400px; text-align: right; } .banner img { height: 192px; } .footer-inner { background-color: lightgray; } footer { width: 1200px; margin: auto; overflow: hidden; } footer > div { height: 100px; float: left; box-sizing: border-box; } .footer-info { width: 1000px; } .footer-info > div { height: 50px; text-align: center; } .footer-menu { line-height: 50px; } .footer-menu a { text-decoration: underline; } .footer-menu a:hover { color: blue; } .copyright { line-height: 40px; } .family-site { width: 200px; height: 100px; text-align: center; line-height: 90px; } .family-site select { width: 160px; height: 30px; }

갤러리 btn 부분 가운데 정렬되는 이유

산업대학교 (사진) Menu-1 Sub-1 Sub-2 Sub-3 Sub-4 Menu-2 Sub-1 Sub-2 Sub-3 Sub-4 Menu-3 Sub-1 Sub-2 Sub-3 Menu-3 Sub-1 Sub-2 Sub-3 (사진) (사진) (사진) 공지사항 맞춤 플랜을 제안하는 웨딩 크리에이티브 그룹2017-12-12 H&S와 함께 하실 가슴 따뜻한 분들을 모십니다.2017-12-12 H&S와 예식을 준비하신 분들께 감사드립니다.2017-12-12 코리아웨딩페어 결혼박람회가 열립니다.2017-12-12 마진없이 아낌없이 드리는 마지막 찬스!2018-03-05 갤러리 (사진) (사진) (사진) (사진) 하단메뉴1 하단메뉴2 하단메뉴3 COPYRIGHTⓒ by WEBDESIGN. ALL RIGHTS RESERVED 패밀리사이트1 패밀리사이트2 패밀리사이트3