javascript - Having difficulties getting slideshow working -

i've been working on page needs custom slideshow i'm having issues getting things display needed.

slideshow js, html, css --> located here.

i figured if put div around a.slidesjs-previous , a.slidesjs-next can add background: #fff div.

but replacing numbers bullets hardest part far. approach should try?

i appreciate can get.

going through semi-discernable code you'd provided in github, seem if js produces bullets in list-item style.

the format seems such;

<li class="slidesjs-pagination-item">     <a href="#" data-slidesjs-item="0"></a> </li>

in above. data-slidesjs-item holds reference slide it's linked too. purpose, slides 0 index based, meaning if wanted start @ 1, we'd have add 1.

looking @ provided css, don't see special images being used generate bullets, nor there text-indents, doing:

$('.slidesjs-pagination-item a').each(function(){     $(this).text($(this).data('slidesjs-item') +1); });

Live one