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

Question

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

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

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