Slideshow 2

Com estes shortcodes, você poderá criar slideshows. Veja abaixo como funciona:

 

Estilo 1

Descrição da sua imagem 1.
Descrição da sua imagem 2.
Descrição da sua imagem 3.
Descrição da sua imagem 4.
Descrição da sua imagem 5.
Ver código

 

Estilo 1

Descrição da sua imagem 1.
Descrição da sua imagem 2.
Descrição da sua imagem 3.
Descrição da sua imagem 4.
Descrição da sua imagem 5.
Ver código

 

Outro exemplo

Ver código

Parâmetros e valores

PARÂMETRO PADRÃO OPÇÕES DESCRIÇÃO
efeito sliceDown “aleatorio”, “slideDesce”, “slideDesceEsquerda”, “slideSobe”, “slideSobeEsquerda”, “slideSobeDesce”, “slideSobeDesceEsquerda”, “envelope”, “esmaecer” Informe o tipo da transição que deseja usar.
largura - pixels Largura do seu slideshow, as imagens serão redimensionadas para caber.
altura - pixels Altura do seu slideshow, as imagens serão redimensionadas para caber.
tempo_ani 500 milisegundos Tempo para cada animação se completar. Valores em milisegundos (1 segundo = 1000 milisegundos)
tempo_pausa 3000 milisegundos Tempo para exibir uma imagem, antes da próxima ser carregada. Valores em milisegundos (1 segundo = 1000 milisegundos)
setas_nav - “botao”, “botao_sobre” ou omita o parâmetro Botões “Próximo” e “Anterior” que serão exibidos na navegação das imagens. Informe “botao”, “botao_sobre” or omita o parâmetro.
controle_nav - “verdadeiro” ou omita o parâmetro Defina como “verdadeiro” os pontos de navegação do slideshow.
descricao - texto Texto que irá ser exibido abaixo das imagens
fatias 15 inteiro Quantidade de fatias que você deseja usar em suas transições. Ideal usar entre 5 – 15

 

 

Para usar este recurso na página inicial, é preciso adicionar este código no final de sua página. Nas demais páginas não é necessário.

<!– Os códigos abaixo carregam o shortcode [slideshow2] na página inicial apenas. Em outras páginas não é preciso este código. –>

[abas][/abas]
<script type = “text/javascript” src = “/wp-content/themes/method/lib/scripts/jquery.nivo.slider.js”></script>

Para saber como inserir os Shorcodes em sua página consulte este link.

 

Código desta página

    No Twitter Messages