Revolution Slider缩略图箭头 [英] Revolution Slider Thumbnail Arrows

问题描述

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

I have been messing around with every single setting but I cannot seem to get the desired feature. What I want is to have the thumbnails include arrows so that the user can see a different set of slides from the thumbnail list. At the moment when the user hovers over the thumbnail list on the slider, it moves in the opposite direction as the mouse so the user can choose different thumbnails. That's nice, but I want the user to click on arrows attached to the left/right sides of the thumbnail list.

这可能吗?我需要编写一些代码还是有功能?

Is this possible? Do I have to code up something or is there a feature?

推荐答案

抱歉，这个答案来得太晚了，但是如果您还没有得到答案，这可能会对其他人有所帮助.

Sorry this answer is coming too late, but this could be helpful for others if you did not got it already.

不幸的是，当前设置中没有用于拇指箭头的选项. 但是您可以使用Java脚本添加它.

Unfortunately there is no option in the settings right now for thumbs arrows. but you can add it using java script.

我无法在此处编写完整的版本代码，因为它可能因情况而异.

I can not writ full version code here because it may different from situation to anther.

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

I faced the same issue and I had to write the following code, I used the tabs navigation in the setting then I added my controls and added the events to it.

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

First you need to add controls to your thumbs could be something like following

$(".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之外的其他东西.

and you would and your style to you navigation buttons .tabs-nav and it could be something else than Divs.

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

然后，您可以为left&添加事件右键， 您需要计算leftVal，因为我说这不是完整版本，您需要对其进行调整以适合您的代码，这只是基本思想.

Then you could add your event for left & right buttons, you need to calculate the leftVal as I said this is not full version and you need to adjust it to your code, it is just the basic idea.

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

这篇关于Revolution Slider缩略图箭头的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！