革命滑块缩略图箭头答案

【问题标题】：Revolution Slider Thumbnail Arrows革命滑块缩略图箭头
【发布时间】：2014-11-11 21:02:57
【问题描述】：

我一直在搞乱每一个设置，但我似乎无法获得所需的功能。我想要的是让缩略图包含箭头，以便用户可以从缩略图列表中看到一组不同的幻灯片。当用户将鼠标悬停在滑块上的缩略图列表上时，它的移动方向与鼠标相反，因此用户可以选择不同的缩略图。这很好，但我希望用户单击附加在缩略图列表左侧/右侧的箭头。

这可能吗？我必须编写一些代码还是有什么功能？

【问题讨论】：

你能提供一些代码吗？到目前为止，您尝试过什么？
我没有尝试任何代码。我只是想看看 Revolution Slider 是否有我首先缺少的任何功能。我只尝试了所有开箱即用的导航滑块选项。

标签： jquery wordpress revolution-slider

【解决方案1】：

抱歉，这个答案来得太晚了，但如果你还没有得到它，这可能对其他人有帮助。

很遗憾，目前设置中没有拇指箭头的选项。但您可以使用 java 脚本添加它。

我不能在这里写完整版代码，因为它可能因情况而异。

我遇到了同样的问题，我不得不编写以下代码，我在设置中使用了选项卡导航，然后添加了我的控件并向其中添加了事件。

首先，您需要向拇指添加控件，可能类似于以下

$(".rev_slider_wrapper").append('<div class="tabs-next tabs-nav"></div>');
$(".rev_slider_wrapper").append('<div class="tabs-prev tabs-nav"></div>');

你会和你的风格导航按钮 .tabs-nav 它可能是 Divs 以外的东西。

避免将控件添加到 .tp-tabs div 或其任何子元素中，这可能会导致您的事件和拇指动画事件发生冲突。

然后您可以为左右按钮添加事件，你需要计算leftVal，因为我说这不是完整版本，你需要根据你的代码调整它，这只是基本的想法。

$(document).on('click', ".tabs-next.tabs-nav", function(event){
    jQuery(".tp-tabs-inner-wrapper").animate({left:   leftVal }, 500, function() { });  
});
$(document).on('click', ".tabs-prev.tabs-nav", function(event){
    jQuery(".tp-tabs-inner-wrapper").animate({left:   leftVal }, 500, function() { });  
});

【讨论】：

【解决方案2】：

这还不能通过选项或设置开箱即用。下一个版本 v5.0.0 将带来一排新的导航功能和选项。下一个主要版本将于 4 月中旬发布！感谢你的理解！

【讨论】：

当前版本可以这样做吗？