*   >> Lectura Educación Artículos >> science >> programación

Operativo Rápido Galería de imágenes del Nuevo browsers

de declaración de la primera declaración sólo tiene el valor de la anchura de las pequeñas imágenes. El bloque de declaración para la imagen de gran tamaño también tiene sólo el valor de la anchura de la imagen grande. Cada vez, le da el valor de ancho de un elemento HTML que el navegador le da la altura correspondiente o apropiado. Evite dar valores de altura de los elementos HTML; esto complica la presentación navegador con la actual browsers.The JavaScriptThis es la secuencia de comandos: var arr = new Array; funcionar fillarray () {var subject = document.

getElementById ('O1') archivo.; arr = subject.match (/\\ S + /g); } Function ampliar (evento) {document.getElementById ('I0') src = event.target.src.; } Var nextIndex = 5; función nextSet () {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]; //Hacer imagen ampliada la primera en el conjunto. . document.

getElementById ('I0') src = arr [nextIndex + 0]; nextIndex = nextIndex + 5 si (nextIndex == 15) {nextIndex = 0; document.getElementById ('B1') = "Primer Set"} else document.getElementById ('B1') = "Next Set"} Hay tres funciones en el código JavaScript. La primera de ellas es fillarray (), que copia la lista de espacio separa las direcciones URL de imagen del atributo de archivo del objeto en una matriz. Esta función se llama, por el evento onload CUERPO. El segundo es la función ampliar (evento). Esta función amplía una imagen pequeña cuando se hace clic.

La última función es la función nextSet (). Esta función sustituye al conjunto de pequeñas imágenes con la siguiente serie. Hay dos variables globales, arr y nextIndex. arr es utilizado por la primera y tercera funciones. nextIndex es utilizado sólo por la tercera función function.Function DetailsThe fillarray () convocada por el evento onload cuerpo tiene dos declaraciones. El primero se copia el valor del atributo de archivo del objeto como una cadena en la variable, sujeta.

La segunda instrucción utiliza la técnica de expresión regular para separar las direcciones URL de la cadena y los pone como elementos individuales de la matriz global, arr. Nota: la función fillarray () no copia los recursos (imagen) en la matriz; lo copia el texto de las direcciones URL del archivo atribuyen en la matriz. Estos t

Page   <<  [1] [2] [3] [4] [5] [6] [7] >>
Copyright © 2008 - 2016 Lectura Educación Artículos,https://lectura.nmjjxx.com All rights reserved.