La codificación HTML para ampliarla Imágenes para los sitios web

Ya sea que usted está creando un sitio web para vender sus productos o simplemente mostrando dónde fue el día de fiesta a sus amigos, vale más que mil palabras de un cuadro. Incluyendo docenas de grandes imágenes en una página, sin embargo, puede hacer que se sienta desordenado y frustrar a los usuarios; la solución es mostrar las versiones más pequeñas de las imágenes en su página y el uso de un simple código HTML para enlazar a los más grandes.

La vinculación de imágenes grandes

La forma básica de utilizar el código HTML para agrandar una imagen es simplemente para vincular a cada imagen grande utilizando una versión más pequeña de él, llamado un "miniatura". Cuando los lectores hacen clic en una imagen en miniatura, las grandes cargas de imagen en su pantalla; para volver a la página anterior, que utilizan el botón "Atrás" de su navegador. Este código hace uso de la <a> y <img> etiquetas HTML.

<a href="&lt;img"> botón para volver a donde estaban http://www.yoursite.com/largeimage.jpg">&lt;img. Esto podría confundir a algunos usuarios, que podría cerrar la ventana que contiene el la imagen grande y por lo tanto no tienen ninguna manera de volver a la página anterior. Una alternativa es abrir cada imagen grande en la otra ventana, aunque esto puede confundir a los usuarios de manera similar que no se dan cuenta de la abertura de la ventana y se encuentran preguntándose por qué su "Volver" botón no funciona. Otra alternativa es crear un archivo HTML para cada imagen más grande y el enlace a este archivo HTML en lugar de directamente a la imagen. esto le permite incluir un enlace que conduce de nuevo a la página anterior con cada imagen, haciendo la navegación más sencilla .

Alternativas

Tanto CSS y JavaScript ofrecen maneras de agrandar las imágenes en la misma página en lugar de obligar al usuario a navegar a una nueva. La desventaja de este método es que se basa en la inclusión de las imágenes de gran tamaño dentro de la página, pero mantenerlos ocultos hasta que el usuario interactúa con las miniaturas. Si una gran cantidad de imágenes hay en la página, lo que aumenta el tiempo de carga de la página de forma exponencial. Este método también puede no funcionar para los lectores que visitan su página utilizando un navegador antiguo o desde sus teléfonos inteligentes.