Operação rápida Galeria de Imagens para Todos browsers

a acima dela. Como parte do projeto, quando o primeiro conjunto de imagens chega ao navegador, você vê a primeira imagem (mais à esquerda na linha) alargada. A imagem ampliada simplesmente tem dimensões maiores do que as imagens da linha (que não são aumentados). Estas dimensões maiores são dadas por CSS. Quando você clica em qualquer pequena imagem, o valor (URL) do atributo de origem da imagem é maior substituído pelo de a imagem menor. Quando a substituição ocorre, você vê a imagem clicada alargada (mais acima).

Para qualquer imagem ampliada, você tem o mesmo URL para a tag de imagem da imagem ampliada como para a tag de imagem da pequena imagem correspondente. É o atributo de origem de uma tag de imagem que determina o que a marca de imagem é exibida como a imagem ampliada image.ResolutionThe, em pixels, não deve ser maior do que qualquer uma das imagens no servidor. Se você não respeitar esta regra, não será perdido de resolução de um ou mais dos image.Let alargada nos continuar a implementar o project.Implementing o código ProjectThe está em 3 partes.

A primeira parte é a folha de estilo no elemento HTML HEAD. A próxima parte é o JavaScript. A terceira parte é o conteúdo do elemento BODY; este conteúdo tem os elementos HTML de interesse: o elemento de objeto, os elementos da tabela, os elementos de imagem e o element.Code botão para olhar ContentWe corpo no conteúdo do elemento BODY em primeiro lugar, uma vez que a folha de estilo e JavaScript dependem dele. É isso: