Coloque a classui_alphabet em um contâiner que contém a lista
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
A lista iniciará no primeiro item.
Use o atributo data-alphabet-pos e digite a posição inicial desejada (número), exemplo data-alphabet-pos="5" ou o termo random para que a exibição inicial seja randômica, exemplo data-alphabet-pos="random".
A orientação do slider é horizontal.
Caso queira usar a lista vertical, use o atributo data-alphabet-axis="y".
Por padrão, a altura da lista vertical será de 350 pixels. Para alterar esse valor, use o atributo data-alphabet-axis-y-h e informe o valor em px ou %.
Em dispositivos touch, a lista pode ser rolada por swipe (sem uma barra de rolagem). Para ter o mesmo efeito em desktops, use iScroll (a função será ajustada para desktops, caso encontre iScroll)
Também em dispositivos touch, a o alfabeto pode ser rolado por swipe. Pare remover esse comportamento, use o atributo data-alphabet-swipe="false". Assim, a interação será apenas por click.
Antes ou depois da animação do resumo, também é possível implementar uma função do tipo callbefore e callback
Para isso, crie as funções callbefore_alphabet(idx) e/ou callback_alphabet(idx) e implemente as ações que irão ocorrer antes ou depois da animação, respectivamente.
Onde idx é o index de indexação do objeto no loop para renderização da função.
Essas funções não são obrigatórias, ou seja, só serão executadas se existirem. Caso positivo, para evitar duplicidades, lembre-se de implementar as funções callready, callbefore e callback em arquivos específicos, presentes nas respectivas páginas finais, já que o seu objetivo não é genérico.
