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

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

y ()". Este é o evento onload que chama a função JavaScript, fillarray (). Esta função usa JavaScript técnica expressão regular para copiar a lista de URLs de atributo de arquivo do objeto em um array.Now, no conteúdo do corpo: O primeiro elemento que você tem no conteúdo do corpo é o elemento Object. Precisamos desse elemento Objeto apenas por causa de seu atributo de arquivamento. Então a única coisa importante elemento de objeto tem é o atributo de arquivo eo valor deste atributo. O elemento de objeto como codificado não ocupa espaço na página web.

O valor do atributo de arquivo é uma lista separada por espaços de URLs. Porque essas URLs são do atributo de arquivo, seus recursos são baixados, enquanto o usuário página da web ainda está começando a perceber o que está na página web. No momento em que o usuário precisa as imagens dos URLs, suas imagens teriam sido baixado (chegar no browser) .Os próximos elementos principais que você tem são a tabela HTML para a imagem ampliada, a tabela HTML para as pequenas imagens eo botão . O Quadro para a imagem ampliada tem uma linha e três células; a célula no centro detém a imagem ampliada.

É a folha de estilo que determina primeiramente o tamanho de uma imagem (ambas as imagens ampliadas e pequenas) .A segunda tabela tem uma linha de células e 5; cada detém uma pequena imagem. É a folha de estilo que determina primeiramente o tamanho de uma imagem. Após essa tabela, você tem um botão HTML no código. Ele tem um evento onclick que chama a função, nextSet (). Esta JavaScript função copia o próximo conjunto de imagens cujos URLs estão agora em uma matriz, para as tags de imagem da segunda table.

The Estilo SheetThis é a folha de estilo simples: A primeira declaração na folha de estilo lida com as pequenas imagens que têm o classe, pequeno. A segunda instrução lida com a imagem ampliada. Esta imagem tem a classe, grande. O bloco de declaração da primeira declaração tem apenas o valor da largura para as pequenas imagens. O bloco de declaração para a imagem grande também tem apenas o valor largura da imagem grande. Sempre, você dá o valor da largura de um elemento HTML ao navegador dá a altura correspondente ou apropriada.

Evite dar valores de altura a elementos HTML; isso dificulta a apresentação de hoje com navegador browsers.The JavaScriptThis é o script: var arr = new Array; funcionar fillarray () {var subject = document.getElementById ('O1') do arquivo.; arr = subject.match (/\\ S + /g); } Function ampliar (event) {

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