*   >> Leitura Educação Artigos >> science >> programação

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

ara a galeria. Na prática, você pode ter mais de 15 imagens e mais de 5 imagens por set. No entanto, para o nosso propósito pedagógico aqui, temos apenas 15, em conjuntos de 5.All as imagens serão exibidas em uma página web. Apenas uma imagem pode ser alargada a qualquer momento. Um conjunto de 5 imagens é sempre exibida; cada uma dessas 5 imagens é exibido em um pequeno tamanho, em uma fileira. Quando você clicar em qualquer um desses 5 imagens, você vê a versão ampliada em uma área acima da row.The primeiro conjunto de imagens é baixado com a página web.

Os próximos dois jogos são baixados por tags de imagem na parte inferior da página da web. Por razões de coerência, as tags de imagem para o primeiro conjunto também será listado com essas tags na parte inferior da página da web. Agora, quando um valor de fonte de imagem (URL) ocorre mais de uma vez em uma página web, o navegador web realmente não transferi-lo mais de uma vez. O browser simplesmente transfere a imagem uma vez e coloca em cache-lo. Ao lado da imagem (de recursos) é necessária novamente na página, ele recebe-lo a partir do cache.

Alguns navegadores (especialmente versões antigas), não pode fazer isso, mas muitos navegadores em uso hoje, fazer this.You deve ver o primeiro conjunto de imagens quando a página é aberta. O primeiro conjunto de imagens levam o tempo normal para fazer o download, por isso, se a linha de Internet é lenta, você (o usuário) pode notar algum atraso de tempo como o primeiro conjunto de imagens chegar.

Após isso, você vai notar há mais atrasos, porque, como você está ocupado olhando para o primeiro conjunto e ampliando suas imagens, um a um, os outros dois conjuntos estão sendo baixados pelas tags de imagem na parte inferior da página. Há 15 tags de imagem no botão da página. Cada uma dessas marcas tem a exibição CSS par propriedade /valor, "display: none" As imagens vêm e permanecem na parte inferior da página. Eles não são exibidos e eles não ocupam espaço, por causa do "display: none" pares estabelecimento /valor.

Sempre que cada um é necessário, o valor de atributo sua origem é copiado para substituir o valor de um atributo fonte de imagem que já é exibida. Assim, o tempo de download 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 alargad

Page   <<  [1] [2] [3] >>
Copyright © 2008 - 2016 Leitura Educação Artigos,https://artigos.nmjjxx.com All rights reserved.