Slideshow 1

Adicione imagens, HTML e até mesmo shortcodes em seus slideshows, criando apresentações belas muito eficazes.

Slideshow simples

  • Texto 1
  • Texto 2
  • Texto 3
  • Texto 4
Ver código

Slideshow duplo

visivel=”2″
rolar=”1″
continuar=”ambos”

  • Texto 1
  • Texto 2
  • Texto 3
  • Texto 4
  • Texto 5
  • Texto 6
Ver código

Slideshow triplo

visivel=”3″
rolar=”3″
continuar=”ambos”

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
Ver código

Slideshow Opções

visivel=”2″
rolar=”2″
continuar=”ambos”
auto=”3″
espacamento=”1″
animacao=”2000″

  • Texto 1
  • Texto 2
  • Texto 3
  • Texto 4
  • Texto 5
  • Texto 6
Ver código

Slideshow Imagens

visivel=”2″
rolar=”2″
continuar=”ambos”
auto=”3″
espacamento=”1″

Ver código

Imagens com link

Para abrir o link na mesma página, basta remover a parte: target=”_blank”

Ver código

Slideshow Conteúdo

visivel=”2″
rolar=”1″
continuar=”ambos”

  • Este é o slide #1

    1Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.
  • Este é o slide #2

    2Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.
  • Este é o slide #3

    3Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.
  • Este é o slide #4

    4Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.
  • Este é o slide #5

    5Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.
  • Este é o slide #6

    6Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.
Ver código

Slideshow Ícones

visivel=”3″
rolar=”1″
continuar=”ambos”

  • Texto de exemplo

    Este é um texto de exemplo. Substitua pelo seu próprio conteúdo. Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.

  • Texto de exemplo

    Este é um texto de exemplo. Substitua pelo seu próprio conteúdo. Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.

  • Texto de exemplo

    Este é um texto de exemplo. Substitua pelo seu próprio conteúdo. Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.

  • Texto de exemplo

    Este é um texto de exemplo. Substitua pelo seu próprio conteúdo. Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.

  • Texto de exemplo

    Este é um texto de exemplo. Substitua pelo seu próprio conteúdo. Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.

  • Texto de exemplo

    Este é um texto de exemplo. Substitua pelo seu próprio conteúdo. Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.

Ver código

Slideshow Ícones

visivel=”2″
rolar=”1″
continuar=”ambos”

  • Ícone acima

    Este é um texto de exemplo. Substitua pelo seu próprio conteúdo. Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.

  • Ícone acima

    Este é um texto de exemplo. Substitua pelo seu próprio conteúdo. Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.

  • Ícone acima

    Este é um texto de exemplo. Substitua pelo seu próprio conteúdo. Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.

  • Ícone acima

    Este é um texto de exemplo. Substitua pelo seu próprio conteúdo. Este é um texto de exemplo. Substitua pelo seu próprio conteúdo.

Ver código

Propriedades do slideshow

Propriedade tipo Padrão Descrição
vertical 0/1 0 Define a orientação vertical ou horizontal do slideshow. Alterna os estilos dos movimentos de esquerda/direita para movimentos acima/abaixo.
auto inteiro  0 Define o tempo em segundos para rolar o conteúdo automaticamente. Para desativar, omita ou defina 0.
rolar inteiro 1 Quantas páginas rolar por vêz.
espacamento inteiro  20  Espaçamento entre os slides em pixels.
visivel inteiro 1 Define a quantidade de páginas visíveis.
animacao mixed 500 Velocidade da rolagem. Milisegundos como um inteiro (1 segundo = 1000). Se 0, a animação é desativada.
continuar texto ambos Define se a rolagem irá continuar como se o início estivesse emendado no fim. As opções são “primeiro”,”ultimo”, “ambos” ou “circular”.

 

 

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

<!– Os códigos abaixo carregam o shortcode [slideshow] na página inicial apenas. Em outras páginas não é preciso este código. –>
<script type=’text/javascript’ src=’/wp-content/themes/method/lib/scripts/jcarousel/lib/jquery.jcarousel.min.js?ver=2.9′></script>

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

 

Código desta página

    No Twitter Messages