javascript - Having difficulties getting slideshow working -


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

here images.

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); }); 

and here fiddle illustrating mechanics behind this


Comments

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

javascript - Get parameter of GET request -