Cuando se hace esta copia, la imagen en la segunda celda tiene las dimensiones especificadas por la hoja de estilos. Observe el uso del objeto de evento en el estado de esta función. Navegadores viejos no son compatibles con el uso del objeto de evento. Cuando se hace clic en un elemento HTML, el atributo target del objeto de evento devuelve una referencia al elemento que desencadenó el evento. Ahora, a la función nextSet (): Esta función muestra la siguiente serie de 5 imágenes pequeñas. El primer conjunto se muestra con la página de descarga.
Después de esto, el índice de la matriz, que comienza el próximo conjunto de URL de imagen es de 5 (conteo índice comienza desde cero). Es por eso que tiene la variable y la inicialización global, var nextIndex = 5; Cuando se hace clic en el botón, el primer segmento de código de los nextSet () copia el siguiente conjunto de las direcciones URL de imagen de la matriz en el segundo etiquetas de imagen mesa. Las etiquetas de imagen HTML de la segunda tabla no se cambian. Es el valor de sus atributos de fuente que se cambió.
Después de este segmento de código, la siguiente sentencia hace una copia ampliada de la nueva primera imagen de la segunda tabla. Después de que la variable nextIndex se aumentó en un 5, ya que disponemos de imágenes en grupos de 5. Las pruebas segmento última de código si nextIndex es 15. Si es 15, entonces los juegos tienen que ser visualizado desde el principio. El código dentro del bloque "otra cosa" "si" y debe ser auto-explanatory.The código completo con 15 imágenes pueden ser descargadas desde https://www.cool-mathematics.com/downloads/fastGallery.
zipConclusionThe principios descritos, el trabajo con Opera 9 y tal vez otros navegadores importantes en sus últimas versiones. No he sido capaz de probar con estos navegadores más recientes (por ejemplo IE8). Usted puede hacer la prueba. Por lo tanto, un secreto para un funcionamien