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






Janelas - Fancybox galeria de imagens

Fancybox é um recurso simples de usar e dará as suas páginas um visual mais elegante e interativo.

Este script aplicado a uma galeria de imagens permite ampliar, ou mostrar as mesmas, ajustando-as e centralizando-as, em um janela flutuante, muito usado em lojas on-line.

Exemplos:

A)

B)

Selecione o tipo: A        B

Quantidade de imagens (minimo de 2 imagens).

Pode-se usar qualquer declaração DOCTYPE para dar funcionalidade ao Fancybox.

O Doctype é a primeira TAG do código da página em HTML. <!doctype ...>

DOCTYPEs da Linguagem HTML

Doctype para HTML5:  O novo Doctype do HTML5 é muito mais simples

<!DOCTYPE html>

O HTML 4.01 especifica três tipos de documento: Strict, Transitional e Frameset.

DTD HTML Strict usa-se para escrever código limpo, livre de misturas entre estilo e conteúdos. É usada em conjunto com estilos CSS ("Cascading Style Sheets"). Usa-se do seguinte modo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

A DTD HTML Transitional inclui tanto os elementos estruturais com os elementos de apresentação (desaconselhados porque misturam estilo com conteúdos.) Esta DTD deve ser usada quando somos obrigados a manter a compatibilidade com browsers que não suportam os estilos CSS na perfeição. Usa-se do seguinte modo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

A DTD HTML Frameset deve ser usada quando o documento contém molduras ("frames".) Esta DTD consiste na DTD Transitional mais os elementos relacionados com as molduras ("frames"). Usa-se do seguinte modo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

DOCTYPEs da Linguagem XHTML

O XHTML 1.0 especifica quatro tipos básicos de documento XML: Strict, Transitional, Frameset e Basic.

DTD XHTML Strict usa-se para escrever código limpo, livre de misturas entre estilo e conteúdos. É usada em conjunto com estilos CSS ("Cascading Style Sheets").

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

A DTD XHTML Transitional junta os elementos estruturais com aqueles elementos que o W3C quer eliminar da linguagem porque misturam o estilo com os conteúdos. Esta DTD deve ser usada quando somos obrigados a manter a compatibilidade com browsers que não suportam estilos CSS na perfeição.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

DTD XHTML Frameset usa-se em documentos que contêm molduras ("frames")

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">