javascript - J Carousel Bullet Controls -

i trying input bullet function on jcarousel. banners appearing back-end, when trying navigate banners using bullet function not work. bullets visible inactive. idea on function code rectify , enable buttons function allow me click on different banners? or point in right direction?

<div class="banners"> <div class="pager jcarousel-control"><a class="jcarousel-next" href="#">1</a><a href="#">2</a><a href="#">3</a></div> <div class="holder"> <div class="slider"> <ul> <li><a href="http://www.flukenetworks.com/fiber-certification-process?ls=cms&amp;lsd=6steps"><img src="{{media url="wysiwyg/banners/fluke-fibre-process.jpg"}}" alt="" /></a></li> <li><a href="http://http://www.cmsplc.com/dymo-xtl-trade-in/"><img src="{{media url="wysiwyg/banners/dymo_xtl_banner.jpg"}}" alt="" /></a></li> <li><a href="http://www.cmsplc.com/fluke-networks-dtx-upgrade-offer/"><img src="{{media   url="wysiwyg/fluke_dtx_buy_back_2015.jpg"}}" alt="" /></a></li> </ul> </div> </div> </div> 

please provide fiddle can assist. in meantime try;

(function ($) {     $(function () {         $('.jcarousel').jcarousel();         $('.jcarousel-pagination')                 .on('jcarouselpagination:active', 'a', function () {                     $(this).addclass('active');                 })                 .on('jcarouselpagination:inactive', 'a', function () {                     $(this).removeclass('active');                 })                 .jcarouselpagination();     }); })(jquery); 

as used on official example here: http://sorgalla.com/jcarousel/examples/basic/#4