Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

webruno

imagem centralizada

Por , em Desenvolvimento frontend

Recommended Posts

webruno    0

webruno
Postado

E ai galera!!to com um probleminha aqui, se alguem puder ajudar...É o seguinte to fazendo uma galeria de fotos, a estrutura é a seguinte:fotos_galera.htm = onde tem dois iframes um em cima outro em baixoo 1° iframe tem como origem:fotos_galera_iframe1.htm = onde está as miniaturas das fotoso 2° iframe não tem origem (src) nele vai ser aberto as fotos em tamanho normal.A minha intenção em não colocar a origem é não precisar gerar varias paginas .htm onde teria as fotos grandes, ou seja, como link das imagens pequenas eu direciono para um .jpg com target para o iframe de baixo.A minha duvida é a seguinte: Como faço para que as imagens fiquem centralizadas no iframe de baixo (vertical e horizontal).Desde ja agradeço!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

dmarcosm    0

dmarcosm
Postado

E ai cara.... beleza?

 

Olha... com frames eu não sei se tem como não.... aliás, aconselho você a não usar frames ou iframes hehehe.....

 

Mas assim, use JavaScript que dá pra você fazer uma página dinâmica sem usar os tais iframes. Olha esse código de exemplo. Testa ai... acho que você vai gostar, ok?!

 

<html><head><script>function mudaImagem(caminho) {   img = document.getElementById("imagens");   img.src = caminho}</script></head><body><a href=# onClick="mudaImagem('c:\imagem1.jpg');">Imagem 1</a><br><a href=# onClick="mudaImagem('c:\imagem2.jpg');">Imagem 2</a><br><a href=# onClick="mudaImagem('c:\imagem3.jpg');">Imagem 3</a><br><br><br><img src="c:\imagem1.jpg" id="imagens"></body></html>

Espero ter ajudado. Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

webruno    0

webruno
Postado

dmarcosmapareceu uma duvida aqui!tipo, se tem imagens de tamanhos diferentes ja era, pois ele pega as propriedades da 1° imagem.Tem alguma solução?Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

webruno    0

webruno
Postado

Tudo certo!!!dmarcosm, descobri porque o as imagens tavam num tamanho só:a tag <img src="c:\imagem1.jpg" id="imagens"> não pode ter largura nem altura definidas.Valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito