У меня возникли трудности с получением слайд-шоу

Question

Я работаю над страницей, которая требует пользовательского слайд-шоу, но теперь у меня возникают проблемы с получением предметов для отображения по мере необходимости.

Вот Images.

Slideshow JS, HTML, CSS -> расположены here.

Я подумал, если я мог бы поставить DIV вокруг в a.slidesjs- предыдущего и в .slidesjs-next Затем я могу добавить фон: #fff в div.

Но замена номеров пулями - самая сложная часть. Какой подход я должен попробовать?

Я ценю любую помощь, которую я могу получить.

Answer 1

Просматривая полуразмерный код, который вы предоставили в этом github, казалось бы, JS создает пули в стиле списка.

Формат, как представляется, такой;

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

В приведенном выше. в файле slidesjs-item содержится ссылка на тот слайд, с которым он связан. Для этой цели слайды основаны на 0 index, то есть, если мы хотим начать с 1, нам нужно будет добавить 1.

Посмотрите на предоставленный CSS, я не вижу никаких специальных изображений, используемых для создания пули, и не существует какой-нибудь текст отступы, так что просто делает:

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

And here is a fiddle illustrating the mechanics behind this