Operativo Rápido Galería de imágenes para Todos browsers

uenta 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 en cuanto a la etiqueta de la 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 de la tabla, los elementos de imagen y la element.

Code botón para la mirada ContentWe CUERPO en el contenido del elemento BODY primero, ya que la hoja de estilo y JavaScript dependen de ello. Esto es: