Este slider JavaScript é facilmente configurável e visualmente customizável usando CSS.
Este código pode ser usado para wordpress ou qualquer outro template que você quiser
Ele também tem um tamanho minúsculo: 3KB. Recursos incluídos a partir da primeira versão incluem a rotação automática com a opção de retomar automática, uma classe de ativos em uma lista de navegação, se aplicável, e uma mudança de direção (vertical ou horizontal).
As atualizações incluem o movimento mais fluido, uma opção entre deslizamento, sem retrocesso, e um outro de correções / ajustes. Ele aceita qualquer conteúdo.
Para inicializar o script use o seguinte:
var slideshow=new TINY.slider.slide('slideshow',{
id:'slider',
auto:4, // false for no automation else the number of seconds between slides
resume:false, // continue auto sliding after interruption
vertical:false,
navid:'pagination', // ID of pagination UL
activeclass:'current', // active class for pagination
position:0, // initial position index
rewind:false, // toggle "rewinding", else the slides will be continuous
elastic:true, // toggle the bouncing effect of the slides
left:'slideleft', // ID of left nav, to cancel cursor selection
right:'slideright' // ID of left nav, to cancel cursor selection
}); |
O primeiro parâmetro “TINY.slider.slide” é o nome da variável usada para a instância do objeto.
Você também pode ajustar manualmente a largura / altura de parâmetro para o que você está deslizando. Se ela não for definida, a largura ou a altura será automaticamente calculada usando o elemento da primeira lista.
Este script foi testado em todos os principais navegadores e está disponível gratuitamente para os projetos pessoais ou comerciais sob a licença Creative Commons .O apoio comunitário disponível aqui.
