Lightbox é um arquivo JavaScript para exibir fotos e vídeos do seu site. Quando você atribui o valor "Lightbox" ao atributo de relacionamento de um gráfico, os usuários podem clicar no gráfico para expandi-lo pela tela. Por exemplo, se sua empresa projeta interiores de casas e seu site inclui amostras de seu trabalho, os elementos Lightbox podem permitir que os clientes naveguem pelo seu portfólio sem abrir páginas da Web separadas. Os navegadores centralizam os elementos do Lightbox por padrão, mas você pode executar etapas adicionais no Dreamweaver para bloquear o código que pode contrariar esse layout.

1

Pressione "F8" para abrir o painel Arquivos do Dreamweaver.

2

Clique duas vezes em "lightbox.css" para abri-lo.

3

Role até o bloco que define o estilo "lightbox". O código deste bloco será semelhante ao seguinte:

lightbox {

posição: absoluta; largura: 100%; índice z: 10000; texto-alinhar: centro; altura da linha: 0; família-fonte: "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: normal; }

4

Adicione as seguintes linhas dentro do bloco, se elas ainda não estiverem presentes:

esquerda: 0; top: 0;

5

Substitua a linha que define o atributo "position" do estilo com a seguinte linha:

posição: fixa;

6

Salve o arquivo.