HOME PAGE JAVASCRIPT
Botões Cálculos Datas Essenciais Janelas Flutuantes Menus
HTML CSS FLASH PHP ASP GERADORES CORES MISCELANEA Contato  






Janelas - colorbox auto

Para fazer uso dessa ferramenta o 1º passo é baixar o pacote zipado: colorbox.zip

Descompacte e publique o conteúdo da pasta descompactada em uma pasta do seu servidor.

Na página que vai chamar o colorbox, dentro de seção Head, referencie os seguintes arquivos:

  • jquery.min.js
  • jquery.colorbox.js
  • colorbox.css

Os dois primeiros arquivos de scripts:

<script language="javascript" src="/suaPasta/jquery.min.js"></script>
<script language="javascript" src="/suaPasta/jquery.colorbox.js"></script>
e o terceiro de  folha de estilo CSS:
<link rel="stylesheet" type="text/css" href="/suaPasta/colorbox.css" media="screen" />

2º passo: cole o script abaixo em qualquer lugar da seção Body da sua página.
Não se esqueça de substituir CONTEUDO pelos elementos (texto, imagens, vídeos, etc..) que você quer apresentar no colorbox e adaptar as dimensões (width e height) de acôrdo com as dimensões do seu conteúdo.



Em uma condição elseif

Exemplo de colorbox que carrega automaticamente ao abrir a página.