皇家滑块不同的颜色缩略图

Question

我正在尝试更改wordpress royal滑块插件上滑块下方每个缩略图的颜色。目前它们都是相同的颜色。

这是我的HTML标记

<div class="rsTmb">
{{html}}
</div>

这是我的幻灯片中的每个HTML代码

<a class="rsImg"  href="imageurl.png" data-        rsVideo="videorul">title goes here</a>
<div  class="rsTmb" style="background:#108FD2">title goes here</div>

有人可以帮助我进行设置，以便我可以为每个选项卡添加单独的颜色

Answer 1

您可以通过向拇指添加点击事件来实现。在我的例子中，我给了div一个ID，然后用它作为颜色名称。如果您愿意，可以通过分配课程来单独完成。

DEMO http://jsfiddle.net/kevinPHPkevin/76Kyz/

HTML

    <div id="red" class="rsNavItem rsThumb">
    <div id="blue" class="rsNavItem rsThumb">
    <div id="green" class="rsNavItem rsThumb">

的jQuery

 $('.rsThumb').click(function(){
    $('.rsThumb').css('background', 'none');
    $(this).css('background', this.id);
 });