制作自定义/通话滑板幻灯片导航

Question

对于那些使用Skitter Slideshow的人来说，它是一个很棒的插件，但是我想制作自定义的next / prev按钮并将它们放在.box_skitter容器之外并调用skitter导航功能。

我尝试创建以下内容：

// Custom Navigation
enable_custom_navigation: true,

if (self.settings.enable_custom_navigation) {
self.enableCustomNavigation();
}


enableCustomNavigation: function() {
var self = this;
$('#custom_next, #prev_button').click(function ()  {
// Next
if (this.id == 'custom_next') {
self.box_skitter.find('.next_button').trigger('click');
}
// Prev
else if (this.id == 'custom_prev') {
self.box_skitter.find('.prev_button').trigger('click');
}
});
},

Answer 1

好吧，目前我的解决方案是创建一个下一个按钮，当点击时模拟预定义的skitter .next_button上的点击，如下所示：

$(document).on('click', '.next', function(event) { 
    event.preventDefault(); 
    $(".box_skitter .next_button").click(); 
});