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

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

um elemento HTML é clicado, o atributo target do objeto de evento retorna uma referência para o elemento que disparou o evento. Agora, para a função nextSet (): Esta função mostra o próximo conjunto de 5 pequenas imagens. O primeiro conjunto é exibido com a página de download. Após isto, o índice para a matriz que se inicia o próximo conjunto de URLs de imagem é 5 (índice de contagem começa do zero).

É por isso que você tem a variável global e inicialização, var nextIndex = 5; Quando o botão é clicado, o primeiro segmento de código dos nextSet () função copia o próximo conjunto das URLs de imagem a partir da matriz para a segunda marcas de imagem de tabela. As tags de imagem HTML do segundo quadro não são alteradas. É o valor de seus atributos de origem que são alteradas. Após este segmento de código, a próxima instrução faz uma cópia ampliada da nova primeira imagem da segunda tabela. Depois de que a variável é aumentada por nextIndex 5, uma vez que temos as imagens em conjuntos de 5.

Os ensaios último segmento do código, se nextIndex é 15. Se for 15, então os conjuntos têm de ser visualizado a partir do início. O código dentro do "se" e bloco "else" devem ser auto-explanatory.The código completo com 15 imagens podem ser baixados de https://www.cool-mathematics.com/downloads/fastGallery.zipConclusionThe princípios delineados, o trabalho com Opera 9 e talvez outros principais navegadores em suas últimas versões. Eu não tenho sido capaz de testá-lo com esses navegadores mais recentes (por exemplo IE8). Você pode fazer o teste.

Então, um segredo para operação rápida de uma galeria de imagens é de aproveitar o funcionamento do atributo de arquivo do objeto HTML element.Chrys

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