Assim, o tempo de download a partir do servidor será omitido, eo usuário vai notar uma exibição rápida de todas as imagens após o primeiro conjunto tem arrived.Enlarging um ImageAs disse acima, cada conjunto de imagens mostra cinco imagens em uma fileira. Quando você clicar em uma das imagens, você vê a sua forma alargada 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 ea 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: Algum texto pode ir texto here.Some pode ir here.Next SetThe marcas no corpo foram incluídos no código acima. Na marca início do elemento do corpo, você tem o atributo /valor par, onload = "fillarra