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

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

document.getElementById ('I0') src = event.target.src.; } Var nextIndex = 5; nextSet função () {document.getElementById ('IS0') src = arr [nextIndex + 0.]; . document.getElementById ('IS1') src = arr [nextIndex + 1]; . document.getElementById ('IS2') src = arr [nextIndex + 2]; . document.getElementById ('IS3') src = arr [nextIndex + 3]; . document.getElementById ('IS4') src = arr [nextIndex + 4]; //Faz imagem ampliada a primeira no conjunto. . document.getElementById ('I0') src = arr [nextIndex + 0]; nextIndex = nextIndex + 5 se (nextIndex == 15) {nextIndex = 0; document.

getElementById ('B1') = "Primeiro Set"} else document.getElementById ('B1') = "Next Set"} Há três funções no JavaScript. O primeiro é fillarray (), que copia a lista de espaço separado URLs de imagem de atributo de arquivo do objeto em uma matriz. Essa função é chamado, pelo evento onload CORPO. A segunda é a função de ampliação (evento). Esta função amplia uma imagem pequena quando é clicado. A última função é a função nextSet (). Esta função substitui o conjunto de imagens pequenas com o próximo conjunto. Há duas variáveis ​​globais, ARR e nextIndex.

arr é utilizada pelo primeiro e terceiro funções. nextIndex é usado apenas pela função de terceiro function.Function DetailsThe fillarray () chamado pelo evento onload corpo tem duas declarações. As primeiras uma copia o valor do atributo de arquivo do objeto como uma string para a variável, sujeita. A segunda instrução usa a técnica de expressão regular para separar as URLs a partir da cadeia e coloca-los como elementos individuais na matriz global, arr. Nota: a função fillarray () não copia os recursos (imagem) para a matriz; ele copia o texto das URLs do arquivo de atributos para a matriz.

Estes textos são baixados com a página do documento HTML primeiro. Após a descarga da página do documento HTML a descarga as imagens reais começar. Assim, os textos podem ser copiados para a matriz antes da descarga das imagens com base nos textos (no atributo de arquivo) .A função de ampliação (evento) exibe a imagem ampliada para a pequena imagem que foi clicado. É simplesmente cópias o valor do atributo origem da imagem clicado, para o valor do atributo de origem da marca de imagem na segunda célula da primeira mesa.

Quando esta cópia é feita, a imagem na segunda célula leva as dimensões especificadas pela folha de estilo. Observe o uso do objeto de evento na declaração desta função. Navegadores antigos não suportam o uso do objeto de evento. Quando

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