jquery - 革命滑块缩略图箭头

Question

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

这可能吗？我必须编码一些东西还是有一个功能？

Answer 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() { });  
});

Answer 2

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