简体   繁体   English

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. 抱歉,这个答案来不及了,但是如果您还没有得到答案,这可能会对其他人有所帮助。

Unfortunately there is no option in the settings right now for thumbs arrows. 不幸的是,当前设置中没有用于拇指箭头的选项。 but you can add it using java script. 但是您可以使用Java脚本添加它。

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>');

and you would and your style to you navigation buttons .tabs-nav and it could be something else than Divs. 导航按钮.tabs-nav就会显示您的样式,而Divs可能是其他样式。

Avoid to add your controls to .tp-tabs div or any of its children's that is may cause of a conflict in your event and the thumbs animation events. 避免将控件添加到.tp-tabs div或它的任何子控件中,这些控件可能会导致您的事件和拇指动画事件发生冲突。

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. 然后,您可以为左右按钮添加事件,您需要计算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() { });  
});

This is not possible yet out of box via options or settings. 通过选项或设置无法做到这一点。 The next release v5.0.0 will bring a row of new features and options for navigation. 下一版本v5.0.0将带来一系列新功能和导航选项。 The next Major release will come in middle of April ! 下一个主要版本将于4月中旬发布! Thanks for your understanding ! 感谢您的理解 !

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM