De acordo com as Leis 12.965/2014 e 13.709/2018, que regulam o uso da Internet e o tratamento de dados pessoais no Brasil, ao me inscrever na newsletter do portal DICAS-L, autorizo o envio de notificações por e-mail ou outros meios e declaro estar ciente e concordar com seus Termos de Uso e Política de Privacidade.

Slideshow com HTML

Colaboração: Rubens Queiroz de Almeida

Data de Publicação: 04 de Dezembro de 2003

Podemos usar a diretiva "refresh" de HTTP-EQUIV da tag <META> para carregar em sequencia diversas páginas web, criando assim um efeito de slideshow.

Se tivermos quatro documentos que desejamos que sejam exibidos em sequencia, chamados slide1.html, slide2.html, slide3.html e slide4.html, basta colocar, em cada um deles, o código:

  slide1.html

  <META HTTP-EQUIV="Refresh" CONTENT="3;URL=slide2.html">

  slide2.html

  <META HTTP-EQUIV="Refresh" CONTENT="3;URL=slide3.html">

  slide3.html

  <META HTTP-EQUIV="Refresh" CONTENT="3;URL=slide4.html">

Se quisermos que do arquivo slide4.html seja exibido novamente o primeiro slide, basta colocarmos em slide4.html uma referência ao arquivo slide1.html:

  <META HTTP-EQUIV="Refresh" CONTENT="3;URL=slide1.html">

A diretiva CONTENT="3 indica o número de segundos que a página deve ser exibida antes de se direcionar para a página indicada pela diretiva URL.

Você pode usar quantas páginas quiser, é só se lembrar de fazer o encadeamento corretamente. O número de segundos varia conforme a sua necessidade. Eu uso com frequencia o valor zero, para direcionar imediatamente sem a exibição de uma página intermediária. As possibilidades são muitas, depende da sua criatividade :-)