Colocar a classe: "my-slider-gallery" e os atributo "data-height" (altura), "data-spacing" (espaços entre elementos) e "data-show" (quantos elementos vão aparecer) funcionam melhor se configura-los, porém eles possuem um valor padrão.
- data-height pega a altura real do primeiro item filho da galeria e padroniza para os outros.
- data-spacing Valor padrão 10.
- data-show Valor padrão 4.
- data-autoplay="yes" define se a galeria vai se mover automaticamente.
- data-timeplay="3" define tempo em segundos para executar o "autoplay", pode ser usado com valor decimal.
Cada galeria pode possuir atributos para tamanhos de telas especificas, esses atributos podem ser usados em conjunto para uma melhor responsividade da sua galeria.
- data-lg-show Definem itens que apareceram em resolução menor ou igual a 1024px.
- data-lg-spacing Define espaços entre os itens em resolução menor ou igual a 1024px.
- data-lg-height Define altura da galeria em resolução menor ou igual a 1024px.
- data-md-show Definem itens que apareceram em resolução menor ou igual a 768px.
- data-md-spacing Define espaços entre os itens em resolução menor ou igual a 768px.
- data-md-height Define altura da galeria em resolução menor ou igual a 768px.
- data-sm-show Definem itens que apareceram em resolução menor ou igual a 414px.
- data-sm-spacing Define espaços entre os itens em resolução menor ou igual a 414px.
- data-sm-height Define altura da galeria em resolução menor ou igual a 414px.
Cada filho deve ser definido com a classe "item" Ex.: <div class="item">.
Qualquer conteúdo pode ser adicionado dentro da DIV filha.