Javascript 如何为滑块使用自定义导航按钮

我有一个（皇家）滑块，我需要使用next/prev nav按钮退出滑块div。 假设我的页脚中有导航导航按钮

<div class="my-prev-button"></div>
<div class="my-next-button"></div>

这里有一些文档，但我不知道如何使用它！

如何使这两个按钮与滑块一起工作（当滑块在外部时）

jQuery（文档）.ready（函数（$）{
$（“#带块的滑块”）.royalSlider({
阿罗斯纳夫：是的，
arrowsNavAutoHide:错误，
fadeinLoadedSlide:false，
控件导航空间：0，
controlNavigation:“无”，
imageScaleMod:“无”，
自动缩放滑块：false，
imageScalePadding:0，
滑块间距：0，
自动高度：false，
blockLoop：对，
循环：对，
numimagestopload:4，
transitionType:'fade'，
自动播放：{
启用：对，
pauseonhaver:false，
},
区块：{
延迟：400
}
});
});
这里有一些div和img。。

以下是解决方案的示例：

---

根据需要设计下一个和上一个div，并在初始化后使用以下代码：

// get hold of royal-slider object
var slider = $('#slider-with-blocks').data('royalSlider');
// previous button
$('.my-prev-button').on('click', function(){
   slider.prev();
});
$('.my-next-button').on('click', function(){
   slider.next();
});

你可以在这里找到更多的API

---

您目前的情况如何，面临什么问题？滑块可以工作，但启动下一张幻灯片的导航需要在滑块分区之外。我不知道如何使用API。此脚本在中添加下一个/上一个按钮。此插件免费吗？我可以看到它的演示，解决你的问题，或者你可以给我链接，这样我就可以解决它我有一个z索引问题（safari），所以我想使用API的下一个/上一个以外的royalslider div。这里是网站：你将不得不移动他们的，箭头（右，左）到特定的位置，你想要使用CSS

// get hold of royal-slider object
var slider = $('#slider-with-blocks').data('royalSlider');
// previous button
$('.my-prev-button').on('click', function(){
   slider.prev();
});
$('.my-next-button').on('click', function(){
   slider.next();
});