Você está usando um navegador desatualizado. Para a visualização correta, atualize seu navegador:

SimpleUi

Mapa do site


SimpleUi
Atualizando

Código para Slider Alfabeto Download

? - +
  1. Coloque a class ui_alphabet em um contâiner que contém a lista
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
  1. 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".
  2. 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 %.
  3. 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)
  4. 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.
  1. 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.
  2. 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.
Customizar

Item inicial

O item inicial será . Padrâo: 1

Eixo

A orientação do slider será . Padrâo: horizontal (eixo x)
E altura de . Padrâo: 350px
Tem certeza que deseja reiniciar todos os valores?

Resultado para Slider Alfabeto