[해결중] 유료테마를 구입해서 깔았는데.... 메인슬라이드 부분이 잘 안돼는거같습니다.
-
- 관련링크 : http://www.healing-factory.com2424회 연결
본문
안녕하세요 제가 유료테마 (E3R BUSI 0020)를 구입해서 깔았는데.... 메인슬라이드 부분이 잘 안돼네요
그냥 텅 빈 화면처럼 나와요.
처음에 소스를 보았을 때 #section1안에
<!--{=eb_slider('1507860693')}--> 이것만 추가가 되어있더라구요.
그래서 데모버전을 보고 #section1안에
<style>
.ebslider-020 .ebslider-020-inner {position:relative;margin:0 auto}
.ebslider-020-inner .item {position:relative;height:800px;background-repeat:no-repeat;background-size:cover;background-position:center}
.ebslider-020-inner .item:after {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.85);-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;z-index:5}
.ebslider-020-inner .item.slick-active:after {background:rgba(0,0,0,0.35);-webkit-transition:all 5s ease-in-out;-moz-transition:all 5s ease-in-out;transition:all 5s ease-in-out}
.slider-content {position:absolute;top:50%;left:50%;width:700px;margin-left:-350px;margin-top:-130px;z-index:10}
.slider-content h2, .slider-content h4, .slider-content p {color:#fff;text-align:center}
.slider-content h2 {margin:0;font-size:92px;line-height:92px;font-weight:700}
.slider-content h4 {margin:20px 0;font-size:30px;line-height:30px;font-weight:100}
.slider-content p {font-size:18px}
.slider-btn {text-align:center;margin-top:20px}
.slider-btn a {display:inline-block;padding:10px 20px;border:1px solid #fff;color:#fff;font-size:14px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
.slider-btn a:hover {background-color:rgba(255,255,255,0.5)}
.ebslider-020-inner .slick-dots {bottom:120px;z-index:2}
.ebslider-020-inner .slick-dots li {width:20px;height:20px}
.ebslider-020-inner .slick-dots li button:before {color:#fff;font-size:14px;opacity:0.6}
.ebslider-020-inner .slick-dots li.slick-active button:before {opacity:1}
.ebslider-020 .slick-next, .ebslider-020 .slick-prev {width:50px;height:50px;border-radius:50% !important;top:50%;background:RGBA(0, 0, 0, 0.4);z-index:1;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.ebslider-020 .slick-next {right:5px}
.ebslider-020 .slick-prev {left:5px}
.ebslider-020 .slick-next:hover, .ebslider-020 .slick-prev:hover {background:RGBA(0, 0, 0, 0.6)}
.ebslider-020 .slick-next:before, .ebslider-020 .slick-prev:before {font-family:FontAwesome;color:#fff;font-size:15px}
.ebslider-020 .slick-next:before {content:"\f054"}
.ebslider-020 .slick-prev:before {content:"\f053"}
@media (max-width:767px){
.ebslider-020-inner .item {height:500px}
.slider-content {top:50%;margin-top:-50px}
.slider-content h2 {font-size:42px;line-height:42px;padding:0 20px;margin:0}
.slider-content p, .ebslider-020 .slick-next, .ebslider-020 .slick-prev {display:none !important}
.slider-btn {margin-top:10px}
.slider-btn a {padding:5px 12px;font-size:13px}
}
@media (max-width:1279px){
.ebslider-020-inner .slick-dots {bottom:20px}
}
@media (min-width:1280px){
.ebslider-020, .ebslider-020-inner, .ebslider-020 .slick-list, .ebslider-020 .slick-track, .ebslider-020-inner .item {height:100%}
}
</style>
<div class="ebslider-020">
<div class="ebslider-020-inner">
<div class="item item-01" style="background-image:url('http://theme3.eyoom.net/data/ebslider/e3r_busi_0020/bee07189e9b7f190ab8e12bf649341ae.jpg')">
<div class="slider-content">
<h2>BICYCLE</h2>
<h4>Your First Riding</h4>
<p>자전거 라이딩의 첫 경험을 완벽하게 함께 합니다.<br>완벽한 탄성과 인체공학적 구조로 완성된 제품을 만나보세요.</p>
<div class="slider-btn"><a href="http://theme3.eyoom.net/page/?pid=greetings" target="_self">자세히 보기 <i class="fa fa-plus"></i></a></div>
</div>
</div>
<div class="item item-02" style="background-image:url('http://theme3.eyoom.net/data/ebslider/e3r_busi_0020/544aa576885e3d864eb1eda5ba69a3c9.jpg')">
<div class="slider-content">
<h2>Great Times</h2>
<h4>Your Second Riding</h4>
<p>자전거 라이딩의 첫 경험을 완벽하게 함께 합니다.<br>완벽한 탄성과 인체공학적 구조로 완성된 제품을 만나보세요.</p>
<div class="slider-btn"><a href="http://theme3.eyoom.net/page/?pid=greetings" target="_self">자세히 보기 <i class="fa fa-plus"></i></a></div>
</div>
</div>
</div>
</div>
<script src="/eyoom/theme/e3r_busi_0020/plugins/slick/slick.min.js"></script>
<script>
$(window).load(function(){
$('.ebslider-020-inner').slick({
slidesToShow: 1,
arrows: true,
dots: true,
autoplay: true,
autoplaySpeed: 30000 //30초
});
});
</script>
를 추가 했는데도... 잘 안돼네요... ㅠㅠ 뭐가 문제인지 잘 모르겠습니다.
빨리 답변 부탁드립니다.
제 도메인은 www.healing-factory.com이니 여기서 확인하시면 빠를것같습니다.
감사합니다 ^^
최신글이 없습니다.
최신글이 없습니다.
댓글목록2
이윰EGG님의 댓글
자세한 것은 eb슬라이더 사용법( http://eyoom.net/bbs/?t=Sl )을 참고하기 바랍니다.
설치한 사이트와 샘플 사이트를 요소검사로 비교해 봤을 때 아이템의 높이를 못 잡는 것 같습니다.(크롬 요소검사시 색상이 margin으로 나옴)
왜 이런 현상이 나오는지에 대해서는 저희도 잘 모르는 부분이라 답변드리기 어렵습니다.
혹시 테마 압축파일 해제시 알집을 사용했는지 확인 바랍니다.
알집을 사용했다면 정상해제가 되지 않아 정상설치가 안되니 확인 후 그렇다면 재설치를 해 보시기 바랍니다.
감사합니다.
축하합니다. 첫댓글 포인트 4포인트를 획득하였습니다.
Lion님의 댓글의 댓글