Slide de imagens

Envolva as imagens que irão compor a galeria dentro de um elemento com a classe ui_gallery
- É essencial que as imagens tenham as mesmas dimensões
Insira a legenda no atributo alt de cada imagem
- A legenda aceita tags Html, como , , , , ,  , etc.

Pronto! Isso é suficiente. Caso queira, você pode customizar a função:

Se achar necessário, gere o permalink para cada imagem da galeria:
- Para isso, insira o atributo data-link="true" em ui_gallery
- Dessa forma, é possível capturar a URL de cada imagem, seja para compartilhar ou abrir através de um endereço específico.
Por padrão, as miniaturas das imagens aparecem na navegação
- Para retirar as miniaturas, use em ui_gallery o atributo data-thumb="false"
- Mas atenção: os itens da lista que compõe a paginação devem ter a mesma largura para que o carrossel calcule a dimensão e as posições ao rodar
A navegação deve girar 1 miniatura por vez.
- Para alterar esse padrão, use em ui_gallery o atributo data-steps e informe o valor desejado, ex: data-steps="4"
A navegação tem início e fim
- Para deixá-la em loop, use em ui_gallery o atributo data-loop="true"