flexisel 슬라이드 옵션 질문입니다.
본문
flexisel 스크립트를 사용해서
슬라이드를 만들었는데요
버튼을 누르면 왼쪽 오른쪽으로 움직이게끔 하고 싶은데
기존꺼 말고
제가 직접 만든 버튼에 기능이 들어가게끔 하고 싶어서요
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
padding:5px 10px;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
position: absolute;
cursor: pointer;
z-index: 4;
top: 50%;
transform: translateY(-50%);
background: rgba(0,0,0,0.5);
color: #fff;
}
.nbs-flexisel-nav-left {
left: 10px;
}
.nbs-flexisel-nav-left:before {
content: "<"
}
.nbs-flexisel-nav-left.disabled {
opacity: 0.4;
}
.nbs-flexisel-nav-right {
right: 5px;
}
.nbs-flexisel-nav-right:before {
content: ">"
}
.nbs-flexisel-nav-right.disabled {
opacity: 0.4;
}
해당 버튼의 css부분입니다.
이런식으로 나오고 있는데요
저는
이렇게 제가 만든 곳에 기능을 넣고 싶습니다.
<div id="siteBg">
<div class="siteBox">
<h3>관련사이트
<p class="siteBtn">
<a href="#none"><img src="img/siteBtn1.gif" alt="이전보기" /></a>
<a href="#none"><img src="img/siteBtn2.gif" alt="정지" /></a>
<a href="#none"><img src="img/siteBtn3.gif" alt="다음보기" /></a>
</p>
</h3>
</div>
</div>
이부분이 소스인데
어떻게 적용시켜야 기능이 들어가는지 궁금합니다.
답변 1
먼저 버튼에 클래스명을 맞춰보세요
커스텀 하실거면
bxslider이용해 보셔도 좋을 듯 합니다
http://bxslider.com/examples/custom-next-prev-selectors