Paginação do Cycle semanticamente correta

Durante meus últimos trabalhos o Cycle tem sido o meu plugin de slider favorito, por ser fácil, flexível, leve e ter uma documentação bacana, além de não ter problemas crossbrowser (Internet Explorer 7 +).

Como sou rígido com meus códigos, resolvi mudar um código que está semanticamente errado no cycle. Esse código é o que gera os bullets de navegação do slider.

Na linha 859 do arquivo jquery.cycle.all.js você encontrará esse conteúdo:

	a = ''+(i+1)+'';

Utilizar um anchor tag (<a>) para esse elemento não é o certo, já que o anchor tag deve ser utilizado somente em links – logo, o correto é mudarmos para outro elemento.

Eu costumo mudar para um list item (li), ja que os bullets são parte de uma lista. O código depois de alterado fica assim:

	a = '
  • ‘+(i+1)+’
';

O código acima vai gerar cada bullet em um li, então você deve inserir os bullets dentro de uma ul, e o código será gerado assim:

  • 1
  • 2
  • 3

Lembre-se que o bullet do banner visível tem a classe activeSlide, onde você pode deixar em um estilo diferente dos outros.