Pare de codificar suas imagens! Este é um plug -in que gera automaticamente um controle deslizante de uma pasta de imagens, tomando o nome das imagens como legendas. Você pode alterar a ordem das imagens e também selecionar quais mostrarão a legenda.
----> Update: March 17, 2021
Updated the components and fix compatibility issues with the latest version of jQuery
----> Update: May 2, 2013
Added a option to disabled the right click on the images, you can pass it like this to the JS function:
{
rightClickImages : false
}
Características:
- Pare de codificar suas imagens
- 40 efeitos de transição para as imagens
- 11 Efeitos de transição para as legendas
- Transformações CSS3
- Miniaturas
- Toneladas de opções
- Responsivo
- Suporte de deslizamento
- Sliders multipes por página
- Compatível com o Twitter Bootstrap
- Navegação do teclado
- Personalizável através do CSS
- Suporte qualquer HTML em nome das imagens (para legendas)
Opções JavaScript padrão
{
theme : 'default',
width : '100%',
autoPlay : true,
rightClickImages : false,
showTimer : true,
playInterval : 4000,
playBtn : true,
loop : true,
navArrows : true,
navBar : true,
navBarNumeric : false,
autoHideNavArrows : false,
autoHidePlayBtn : true,
autoHideNavBar : false,
keyboardNav : true,
transitionSpeed : 700,
boxSpeed : 450,
captionSpeed : 300,
captions : true,
autoHideCaptions : false,
thumbnails : true,
thumbnailSize : 20,
x : 8,
y : 4,
hideIconsInWidth : 500,
hideTimerInWidth : 500,
shadow : true,
beforeTransition : function(){},
afterTransition : function(){},
onSlideshowEnd : function() {},
onPlay : function() {},
onPause : function() {}
}
O código que você precisa
Você precisa criar a função “make_slider” com um ID exclusivo (o primeiro parâmetro) e especifique a pasta onde o plug -in lerá as imagens automaticamente (o segundo parâmetro)
Documentação
Você pode ler a documentação do plugin aqui
Observação:
Navegadores antigos como o IE7, que não suportam a propriedade CSS “Transform” não estão suportando o efeito do zoom e o Openbook, para que eles fallem em um efeito de desbotamento.