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

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