Ir para conteúdo
Fórum Script Brasil
  • 0

Iframe Teimoso


Junior_infor

Pergunta

Oi Pessoal,

Gostaria de saber como carregar algumas fotos em um iframe, de forma que as fotos fiquem centralizadas e o fundo do iframe não mude de cor quando as fotos forem carregadas.

Eu criei uma página, coloquei um iframe do lado esquedo, onde aparece uma lista de fotos miniaturas e coloquei outro iframe maior onde as fotos serão carregadas no tamanho real, veja AQUI. Mas quando clico na miniatura a foto é carregada no outro iframe mas não fica centralizada e o espaço excedente fica branco.

<iframe name="principal" allowtransparency="true" src="Frame_principal.htm" marginheight="0" marginwidth="0" frameborder="0" align="middle" scrolling="no" width="414" height="400" > 

</iframe>

Grato.

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

Obrigado,

Mas, e a cor do fundo? Já tentei de tudo, mas o fundo só fica branco, como configurar a exibição dá página antes dela ser carregada? Acho que precisa ser feito em script.

O iframe, a célula, o css estão todos com a cor azul, mas quando a foto é carregada o iframe fica branco. mellow.gif

Grato.

Link para o comentário
Compartilhar em outros sites

  • 0

Fala Junior!

Cara, gostei do visual da sua página, mas se você me permite, achei um pouco pesada (minha conexão é discada laugh.gif ). Agora indo direto ao que interessa, dá uma olhada nisso e adapta prá você.

<html>
<head>
<title></title>
<script language="JavaScript">

function abre(imagem){

	document.jan.location="#";
	janela='NULL'
	janela=window.open("","jan","toolbar=0,location=0,directories=0,status=0,fullscreen=7,scrollbars=no,menubar=0,height=200,width=350,top=0,left=0,resizable=0");
	janela.document.open();
	janela.document.write("<HTML>");
	janela.document.write("<HEAD>");
	janela.document.write("<TITLE> </TITLE>");
	janela.document.write("<HEAD>");
	janela.document.write("<BODY topmargin='10' bottommargin='0' leftmargin='0' rightmargin='0' bgcolor='#0000FF'>");
	janela.document.write("<CENTER><IMG ALIGN=BOTTOM SRC=\""+imagem+"\"></CENTER>");
	janela.document.write("</BODY>");
	janela.document.write("</HTML>");
	janela.document.close();

};

</script>
</head>
<body>

<div onClick="javascript: abre('imagem1.jpg')"><img src="miniatura1.jpg"></img></div>
<"javascript: abre('imagem2.jpg')"><img src="miniatura2.jpg"></img></div>

<iframe name="jan" width="50%" heigth="50%"></iframe>

</body>
</html>

Você tem a possibilidade de colocar o SCRIPT em um arquivo à parte e referenciá-lo na página.

Dúvidas posta aí.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...