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

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

wso2esb - How to concatenate JSON array values in WSO2 ESB? -