在jquery皇家滑块中设置缩略图导航的样式

Question

我在my page使用jquery royalslider。我添加了缩略图导航。如何设置缩略图导航的样式，以便缩略图容器没有背景颜色，并且它会覆盖横幅图像。横幅图像应作为缩略图容器的背景。请帮帮我。

Answer 1

在你的css中添加以下样式，

.royalSlider {
    background: transparent;
}

Answer 2

这是你的答案，但你需要做更多的工作，因为，如果你改变你的缩略图，滑块，然后由于拇指指甲图像，图像的一些文字隐藏，

以下是所需的更改

.royalSlider{
      width: 1024px;
      height: 465px;   //Change the height from 528px to 465px;
      position: relative;
      direction: ltr;
      background: #eef8fb;
}

.rsDefault .rsThumbsHor{
     padding-bottom: 4px; */
     width: 100%;
     height: 68x;
     position: absolute; /* Need to add the styling*/
     bottom: 0; /* Need to add the styling*/
}

希望这对你有用。