Cómo mostrar imágenes en miniatura en HTML

Si desea mostrar varias imágenes en una sola página, puede a tener problemas si las imágenes son grandes debido a la cantidad de espacio de archivo de las imágenes requieren para cargar puede hacer que se cargan en la página lentamente. Reemplazar imágenes de carga lenta por el lugar donde se presentan imágenes en miniatura en la página. Incluyendo miniaturas permite a los usuarios web para escanear fotos y rápidamente a continuación, haga clic en la imagen deseada.

Instrucciones

1 Ingrese a su servidor Web.

2 Sube la primera imagen que desea convertir en una imagen en miniatura. El proceso que sigue para cargar imágenes puede variar mucho en función del servidor Web que utilice. En términos generales, haga clic en "Subir Archivo" y seleccione la imagen que desea cargar en el servidor. A continuación, haga clic en "Publicar". Su servidor le proporcionará una URL de la imagen. Copia esta URL. Se verá algo así como "http://www.yourwebsite.com/images/image1.jpg."

3 Haga clic en la página HTML dentro de su servidor que desea mostrar las imágenes en miniatura.

4 Haga clic en la página en la que desea que la primera imagen en miniatura para residir e introduzca el código siguiente:

<A HREF="http://www.yourwebsite.com/images/image1.jpg">

<IMG ALTURA ANCHO = 50 = 50 SRC = "& lt; / a"> http://www.yourwebsite.com/images/image1.jpg "> & lt; / a>

5 Reemplazar "http://www.yourwebsite.com/images/image1.jpg" con la URL real de la imagen que desea insertar como una miniatura.

6 Repita los pasos del 2 al 5 tantas veces como sea necesario.

7 Haga clic en "Publicar" para publicar la página HTML.