jquery - 有没有办法在 lightslider 的拇指边框上添加高亮颜色？

Question

希望为缩略图图像添加边框颜色.....我是将其添加到 css 还是在 html 代码中添加样式部分？

<script src="js/jquery-1.8.0.min.js"></script>
<script src="js/lightslider.js"></script>
<script>
     $(document).ready(function() {
        $("#content-slider").lightSlider({
            loop:true,
            keyPress:true
        });
        $('#image-gallery').lightSlider({
            gallery:true,
            item:1,
            thumbItem:9,
            slideMargin: 0,
            speed:700,
            auto:true,
            loop:true,
            pause: 5500,
            bordercolor: #222222   <-------------------  ???
            onSliderLoad: function() {
                $('#image-gallery').removeClass('cS-hidden');
            }
        });
    });
</script>

Answer 1

不幸的是，lightSlider doesn't provide an option to style the border color的图像。因此，您不能在对象中使用 bordercolor。

您需要像这样使用 CSS:

.lSGallery > li {
    border: 1px solid #222222;
}

您还可以通过执行以下操作来定位当前事件的缩略图:

.lSGallery > li.active {}