SlidesJs Goto

HTML

<script src="http://www.slidesjs.com/js/jquery.slides.min.js"></script>
<div id="slides">
	<img src="http://placehold.it/600x300/c66/fff&text=[slide+1]" alt=""/>
    <img src="http://placehold.it/600x300/c16/fff&text=[slide+2]" alt=""/>
    <img src="http://placehold.it/600x300/b66/fff&text=[slide+3]" alt=""/>
    <img src="http://placehold.it/600x300/a51/fff&text=[slide+4]" alt=""/>
    <img src="http://placehold.it/600x300/c38/fff&text=[slide+5]" alt=""/>
</div>
<button id="first">Goto Slide 1</button>
<button id="second">Goto Slide 2</button>
<button id="another">Goto Slide 4</button>

CSS

#slides a.slidesjs-next, #slides a.slidesjs-previous, #slides ul.slidesjs-pagination {
		display:none;
}
#slides {
    width:600px;
    height:300px;
    display:none;
}

JavaScript

function GotoSlide(slidenum){
        $('a[data-slidesjs-item="' + slidenum + '"]').trigger('click');
}
$(function() {
$('#slides').slidesjs({
    width: 600,
    height: 300,
    callback: {
        loaded: function(){
                $("#first").click(function (e){
                    e.preventDefault();
                    GotoSlide('0');
                });
                $("#second").click(function (e){
                    e.preventDefault();
                    GotoSlide('1');
                });
                $("#another").click(function (e){
                    e.preventDefault();
                    GotoSlide('3');
                });
        }
    }
});
});