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

Question

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

这是我的 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，然后将其用作颜色名称。如果你愿意，你可以通过分配一个班级来单独完成。

演示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);
 });