Sem resumo de edição |
Sem resumo de edição |
||
| Linha 19: | Linha 19: | ||
* sequence: a sequência de exibição das imagens. Opções disponíveis: random(aleatório), forward(ordem normal), backward(ordem inversa); | * sequence: a sequência de exibição das imagens. Opções disponíveis: random(aleatório), forward(ordem normal), backward(ordem inversa); | ||
* transitiontime: tempo que a transição demora pra ser executada; | * transitiontime: tempo que a transição demora pra ser executada; | ||
=== Opções das imagens === | === Opções das imagens === | ||
| Linha 28: | Linha 27: | ||
=== Exemplos === | === Exemplos === | ||
<slideshow sequence="forward" transition="fade" refresh="800" transitiontime="200"> | <slideshow sequence="forward" transition="fade" refresh="800" transitiontime="200"> | ||
<div>[[Arquivo:1.jpg|center|thumb|400px]]</div> | <div>[[Arquivo:1.jpg|center|thumb|400px]]</div> | ||
<div>[[Arquivo:2.jpg|center|thumb|400px]]</div> | <div>[[Arquivo:2.jpg|center|thumb|400px]]</div> | ||
</slideshow> | </slideshow> | ||
Edição das 00h18min de 16 de setembro de 2017
Introdução
O JavaScriptSlideshow é uma extensão simples para o uso de carrossel de imagens na wiki.
Uso de imagens
Deve ser feito antes o upload das imagens na página de Enviar Arquivos
Código-Base
<syntaxhighlight lang="javascript"> <slideshow sequence="random" transition="fade" refresh="10000">
</slideshow> </syntaxhighlight>
Opções do Carrossel
- refresh: tempo de troca de imagens em milissegundos;
- transition: estilo de transição de imagens. Opções disponiveis: cut, fade, blindDown;
- sequence: a sequência de exibição das imagens. Opções disponíveis: random(aleatório), forward(ordem normal), backward(ordem inversa);
- transitiontime: tempo que a transição demora pra ser executada;
Opções das imagens
- thumb: miniatura;
- left, center, right: alinhamento;
- XYZpx: tamanho de exibição da imagem;
- Captions são as legendas de cada imagem.
Exemplos
<slideshow sequence="forward" transition="fade" refresh="800" transitiontime="200">
</slideshow>