革命滑块缩略图箭头

时间:2014-11-11 21:02:58

标签: jquery wordpress-plugin revolution-slider

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

这可能吗?我是否需要编写某些内容或是否有功能?

2 个答案:

答案 0 :(得分: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() { });  
});

答案 1 :(得分:0)

通过选项或设置尚未开箱即用。下一个版本v5.0.0将带来一系列新功能和导航选项。下一个主要版本将在4月中旬发布!谢谢你的理解 !