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






Janelas - Fancybox auto

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

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

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

  • jquery-1.4.3.min.js
  • jquery.fancybox-1.3.4.pack.js
  • jquery.fancybox-1.3.4.css

Os dois primeiros arquivos de scripts:

<script language="javascript" src="/suaPasta/jquery-1.4.3.min.js"></script>
<script language="javascript" src="/suaPasta/jquery.fancybox-1.3.4.pack.js"></script>
e o terceiro de  folha de estilo CSS:
<link rel="stylesheet" type="text/css" href="/suaPasta/jquery.fancybox-1.3.4.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 fancybox e adaptar as dimensões (width e height) de acordo com as dimensões do seu conteúdo.