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

Pop Up Tamanho Variável


TheBoogie

Pergunta

E ai pessoal.. tudo bem?

Gente, estou precisando de uma ajuda..

Preciso fazer com que um pop up, que exibirá páginas somente com uma foto cada, tenham suas dimensoes variáveis conforme o tamanho de cada foto de cada página....

Explicando melhor: Assim, tem a página principal com todos os links.. todos os links abrem a foto numa mesma pop up... então, dependendo da foto, a janela se redimensiona com o tamanho certo..

Alguém pode me ajudar com um código que faça isso?

Sou meio sem noção em Java Script...

valeu.

Link para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 0

Onde está & #39; na verdade o forum mudou, mas é uma '(plica):

<html>
<head>

<script language="javascript">
function view(picture,comment){
	var url = 'pop_up.html';
	popup = window.open(url,'simpleplan', 'scrollbars=no,status=no,toolbar=no,resizable=yes,location=no,menu=no,width=100,height=100');
	popup.focus();
}
</script>
</head>
<body>

<table cellspacing="0" cellpadding="0">
	<tr>
		<td width="20" align="center" valign="middle"> </td>
		<td align="center" valign="middle"><a href="java script:view('SUA_IMAGEM.jpg','');"><img src="SUA_IMAGEM.jpg" width="100" height="75" border="0"></a></td>
	</tr>
</table>

</body>
</html>
pop_up.html
<html>
<head>

<script language="javascript">
function Resize()
{
    var ResizeH,ResizeW;
    LargeurFenetre = document ['ImageAAfficher'].width + (2*parseInt(50));
    HauteurFenetre = document ['ImageAAfficher'].height + (2*parseInt(50));
            
    var OffH, OffW;
    if (document.all)
    {
        OffH = document.body.clientHeight;
        OffW = document.body.clientWidth;
    } else     {
        OffW = innerWidth;
        OffH = innerHeight;
    }
    
    ResizeH = HauteurFenetre - OffH;
    ResizeW = LargeurFenetre - OffW;
        
    window.resizeBy(ResizeW,ResizeH);
}
</script>

</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center" valign="middle"><img src='SUA_IMAGEM.jpg' name='ImageAAfficher' border="0" onload="Resize();"></td>
    </tr>
</table>
</body>
</html>

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...