Como Ampliar Uma Imagem Quando Clicado

Índice:

Como Ampliar Uma Imagem Quando Clicado
Como Ampliar Uma Imagem Quando Clicado

Vídeo: Como Ampliar Uma Imagem Quando Clicado

Vídeo: Como Ampliar Uma Imagem Quando Clicado
Vídeo: Como AMPLIAR Imagem no Word da Maneira Certa (+ DICAS IMPORTANTES!) 2024, Abril
Anonim

Há momentos em que você precisa inserir uma visualização de uma imagem na página de um site. A imagem exposta no modo de visualização é ampliada quando pressionada, e o usuário tem a oportunidade de ver todos os detalhes de seu interesse. Existem várias maneiras de fazer essa visualização.

Como ampliar uma imagem quando clicado
Como ampliar uma imagem quando clicado

Instruções

Passo 1

Carregue a imagem em um site de hospedagem de fotos de terceiros e insira o link desejado em seu site. Vá até a página do trocador que mais lhe convier e, com os botões apropriados, indique de onde será feito o download da imagem: da Internet ou do seu computador. No primeiro caso, copie o link para a imagem da barra de endereço da janela do navegador e cole-o no campo designado da hospedagem de fotos. No segundo caso, clique no botão "Procurar" e especifique o diretório onde sua foto está localizada no seu computador. Clique no botão "Download" e aguarde a conclusão da operação.

Passo 2

Para que sua imagem seja ampliada com um clique do mouse, copie o link localizado no campo "Visualização" ("Visualização", "Clique para ampliar") e cole-o em seu recurso. Como alternativa a essas legendas, diferentes opções para o tamanho da imagem podem ser fornecidas. Por exemplo, para o tamanho total da imagem, o valor pode ser 600x450 e para a visualização - 200x150.

etapa 3

Como alternativa, abra uma página em seu site para edição. No grupo "Imagens" do painel de opções, clique no botão "Navegar" e especifique o caminho para a imagem salva em seu computador. Se você quiser fazer upload de várias imagens de uma vez, pressione o número necessário de vezes no ícone [+] e repita a operação para cada imagem. Para cada imagem enviada, um código será gerado ($ IMAGE1 $, $ IMAGE2 $ e assim por diante). Ele aparecerá à direita do botão "Procurar" em um campo separado, cole este código no local desejado na página.

Passo 4

À direita do campo com o código, os campos com a resolução da imagem no formato de uma prévia ficarão disponíveis para edição. Especifique a altura e a largura que suas imagens devem ter no modo de visualização. Se desejar, você também pode alterar os dados no grupo "Dimensões máximas da imagem inteira". Clique no botão "Salvar". As visualizações colocadas dessa forma são aumentadas quando clicadas em uma nova guia. Se quiser que a imagem seja ampliada sem sair da página, insira o script apropriado no site.

Recomendado: