Si está creando un sitio web para vender sus productos o simplemente mostrando donde fuiste de vacaciones a tus amigos,'s una imagen vale más que 1 mil palabras. Incluyendo decenas de imágenes de gran tamaño en una página, sin embargo, puede hacerlo sentir desordenadas y frustrar a los usuarios; la solución es mostrar versiones más pequeñas de las imágenes en tu página y utilizar un simple código HTML para vincular a los más grandes.

Enlace a imágenes de gran tamaño

La forma básica para usar código HTML para agrandar una imagen es simplemente enlazar con cada imagen más grande con una versión más pequeña, llamada una "miniatura". Cuando los lectores haga clic en una imagen, la imagen se carga en su pantalla; para volver a la página anterior, utilizan el botón de "Atrás" de su navegador. Este código hace uso de la < a > y < img > HTML tags.

< a href = "& lt; img" > http://www.yoursite.com/largeimage.jpg "> & lt; img botón para volver a donde estaban. Esto podría confundir a algunos usuarios, que pueden cerrar la ventana que contiene la imagen y así no hay forma de volver a la página anterior. Una alternativa es abrir cada imagen grande en otra ventana, del mismo modo esto puede confundir a los usuarios que no aviso de apertura de la ventana y se preguntan por qué no funciona el botón "Atrás". Otra alternativa es crear un archivo HTML para cada imagen y el enlace a este archivo HTML en lugar de directamente a la imagen más grande. Esto le permite incluir un enlace que lleva a la página anterior con cada imagen, haciendo la navegación más simple.

Alternativas

CSS y JavaScript ofrecen maneras de agrandar las imágenes en la misma página, en lugar de obligar al usuario a navegar por una nueva. La desventaja de este método es que depende de como las grandes imágenes en la página pero mantenerlos escondidos hasta que el usuario interactúa con las miniaturas. Si un montón de imágenes está en la página, esto aumenta exponencialmente tiempo de carga de la página. Este método también puede no funcionar para los lectores que visitan tu página utilizando un explorador de mayores o de sus teléfonos inteligentes.