Como exibir miniaturas em html

Se você deseja exibir várias imagens em uma página, você pode ter problemas se as imagens são grandes porque a quantidade de espaço de arquivo das imagens requer para carregar pode levá-los para carregar na página lentamente. Substituir as imagens de carregamento lento por vez exibindo miniaturas na página. Incluindo miniaturas permite que os usuários da Web para digitalizar fotografias de forma rápida e, em seguida, clique sobre a imagem desejada.

  • Entrar para o seu servidor Web.

  • Faça o upload da primeira imagem que você deseja transformar em uma miniatura. O processo que você seguirá para upload de imagens pode variar muito, dependendo de qual servidor Web que você usa. De um modo geral, clique em "Subir arquivo" e selecione a imagem que deseja enviar para o servidor. Então clique "Publicar." O servidor irá fornecer-lhe uma URL da imagem. Copie este URL. Ele será parecido com "https://yourwebsite.com/images/image1.jpg."

  • Clique na página HTML dentro do seu servidor que você deseja exibir as imagens em miniatura.

  • Clique na página onde você deseja que a primeira imagem em miniatura para residir e insira o seguinte código:

    https://yourwebsite.com/images/image1.jpg">

    https://yourwebsite.com/images/image1.jpg"gt; gt;

  • Substituir "https://yourwebsite.com/images/image1.jpg" com o URL real da imagem que você deseja inserir como uma miniatura.

  • Repita a Etapa 2 até a Etapa 5 tantas vezes quanto necessário.

  • Clique "Publicar" para publicar a página HTML.

De esta maneira? Compartilhar em redes sociais:

LiveInternet