Al hacer clic en cualquiera de estos 5 imágenes, verá la versión ampliada en un área por encima de la row.The primer conjunto de imágenes se descarga con la página web. Los próximos dos juegos se descargan en las etiquetas de imagen en la parte inferior de la página web. Por coherencia, las etiquetas de imagen para el primer grupo también se enumeran con las siguientes etiquetas en la parte inferior de la página web. Ahora, cuando un valor de origen de la imagen (URL) aparece más de una vez en una página web, el navegador web no descarga en realidad más de una vez.
El navegador simplemente descarga la imagen de una vez y lo almacena en caché. Al lado de la imagen (de recursos) que se necesita otra vez en la página, se obtiene de la memoria caché. Algunos navegadores (especialmente las versiones 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 las etiquetas de imagen en la parte inferior de la página. Hay 15 etiquetas de imagen en el botón de la página.
Cada una de estas etiquetas tiene la pantalla CSS pareja propiedad /valor "display: none" Las imágenes vienen y permanecen en la parte inferior de la página. Ellos no se muestran y no ocupan espacio, debido al "display: none" pares de propiedad /valor. Siempre que se necesita cada uno, el valor de su atributo de origen se copia en sustituir el valor de un atributo fuente de imagen que ya se muestra. Por lo tanto, el tiempo de descarga desde el servidor se omitirá y el usuario se dará c