jquery - Is there a way to add a highlight color to the thumb border on lightslider? -
looking add border color thumb images..... add the css or add style section in html code?
<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>
unfortunately, lightslider
doesn't provide option style border color of images. therefore cannot use bordercolor
in object.
you need use css so:
.lsgallery > li { border: 1px solid #222222; }
you can target current active thumbnail doing:
.lsgallery > li.active {}
Comments
Post a Comment