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

ersiones antiguas), no pueden hacer esto, pero muchos navegadores en uso hoy en día realizar esta verificación debe ver el primer conjunto de imágenes cuando se abra la página. El primer conjunto de imágenes se toman el tiempo normal de descargar, por lo que si la línea de Internet es lenta, usted (el usuario) puede ser que note alguna demora tiempo que llega el primer conjunto de imágenes.

Después de esto usted notará no hay más retrasos, ya que como usted está ocupado mirando el primer set y ampliando sus imágenes, uno por uno, los otros dos conjuntos se están descargando por el atributo de archivo. Ellos vienen y se quedan en el atributo de archivo. Siempre que se necesitan, que serán conseguidos de el atributo de archivo y no desde el servidor. Así que el tiempo de descarga desde el servidor se omitirá y el usuario se dará cuenta de una pantalla rápida de todas las imágenes después del primer set ha arrived.

Enlarging un ImageAs dicho anteriormente, cada conjunto de imágenes muestra cinco imágenes en una fila. Al hacer clic en una de las imágenes, se ve su forma ampliada por encima de ella. Como parte del diseño, cuando el primer conjunto de imágenes llega al navegador, verá la primera imagen (más a la izquierda en la fila) ampliada. La imagen ampliada simplemente tiene dimensiones más grandes que las imágenes de la fila (que no están agrandados). Estas dimensiones más grandes se dan por CSS.

Al hacer clic en cualquier imagen pequeña, el valor (URL) del atributo origen de la imagen más grande se sustituye por la de la imagen más pequeña. Cuando la sustitución se lleva a cabo, se ve la imagen hace clic ampliada (más arriba). Para cualquier imagen ampliada, tiene la misma dirección URL de la etiqueta de la imagen de la imagen ampliada y la etiqueta de imagen de la pequeña imagen correspondiente. Es el atributo de fuente de una etiqueta de imagen que determina lo que las pantallas de la etiqueta de imagen como la imagen ampliada image.

ResolutionThe, en píxeles, no debe ser más grande que cualquiera de las imágenes en el servidor. Si no se respeta esta regla, no se perderán de la resolución de uno o más de los image.Let ampliada adelante a poner en práctica el project.Implementing el código ProjectThe es en 3 partes. La primera parte es la hoja de estilo en el elemento HTML HEAD. La siguiente parte es la de JavaScript. La tercera parte es el contenido del elemento BODY; Este contenido tiene los elementos HTML de interés: el elemento de objeto, los elementos