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>

이부분이 소스인데

어떻게 적용시켜야 기능이 들어가는지 궁금합니다.