RoyalSlider從每個幻燈片的div更改背景

Question

我爲我的網站使用RoyalSlider，並且我想將每個滑塊的背景顏色更改爲不同的顏色。

，我想改變的DIV是＃slide6這樣的：

$('#slide6').css({"background-color":"red"}); 

，但我不知道該怎麼做。下面是HTML結構

<div id="content-slider-1" class="royalSlider contentSlider rsDefault"> 
    <div> 
    <h3>Slide HTML Text</h3> 
    <p>This is dummy copy.</p> 
    <span class="rsTmb">HTML text</span> 
    </div> 

也許我可以使用類似數據色='與red'and隨後的if/else背景顏色？

var slider = $('#content-slider-1').data('royalSlider'); 
    slider.ev.on('rsBeforeAnimStart', function() { 
     console.log($('#content-slider-1').data('royalSlider').currSlide); 
}); 

有人可以幫我這個：

我可以從每個幻燈片中所看到的數據？非常感謝你！

Answer 1

你可以在DIV包裝每張幻燈片添加一個類，並從你的CSS控制背景顏色

<div id="content-slider-1" class="royalSlider contentSlider rsDefault"> 
<div class="slide1"> 
<h3>Slide HTML Text</h3> 
<p>This is dummy copy.</p> 
<span class="rsTmb">HTML text</span> 
</div> 
<div class="slide2"> 
<h3>Slide HTML Text</h3> 
<p>This is dummy copy.</p> 
<span class="rsTmb">HTML text</span> 
</div> 

.slide1 {background-color: red} 
.slide2 {background-color: blue}