Tamanho da janela

watequate · Janeiro 25, 2005

Fala pessoal,Tenho um site de fotos e gostaria q a exibicao dessas fotos fosse em uma janela pop up do tamanho certo da foto. Tentei fazer pelo Dreamweaver, mas ele deixa uma margem superior e uma margem a esquerda, oq deixa feia a exibicao das fotos pelo branco q fica.Teria alguma forma de retirar essas margens sem eu ter q criar uma pagina html para cada foto ?!? criando a pagina eu colocaria margem 0, mas daria mto trabalho pq tem mais de 70 fotos em mais de 10 boates.Obrigado pela atencao,Felipe.

fael · Janeiro 25, 2005

Cara, já postaram uma resposta pra isso aqui no fórum uma vez, tentei fazer uma busca mas não consegui encontrar, tente você para ver se consegue!Abraço,

Mário Monteiro · Janeiro 25, 2005

tem sim cara criar uma pagina unica e passa o caminho e as dimensões da foto por parametro...

fael · Janeiro 25, 2005

tem sim cara criar uma pagina unica e passa o caminho e as dimensões da foto por parametro...

Daí o script pega os parâmetros como se fosse um request do asp, por exemplo?Como se faz isso?

Mário Monteiro · Janeiro 25, 2005

não fael, seria passar mesmo o caminho e o tamnaho da imagem pra abrir a janela do tamanho certo, não teria request

fael · Janeiro 25, 2005

Ah bom, achei que fosse assim. Tu tens aí alguma função que faça isso?Cara, eu já ví em alguns sites, documentos html com parâmetros, o que executa esses parâmetros? É XML?vlw!

Alex Hiroshi · Janeiro 26, 2005

tem sim cara criar uma pagina unica e passa o caminho e as dimensões da foto por parametro...

creio que seja isso que ele esta fazendo... isso não daria certo no caso.. pois por padrão o navegador adiciona uma margem no topo e no lado esquerdo da pagina...

sempre que fazemos um site e queremos encostar ele no canto e topo.. usamos leftmargin="0" e topmargin="0"... isso tiraria as margens... mas como percebeu.. isso você teria que colocar em cada pagina de cada foto... ficaria bem chato e não é isso que ele quer....

mas vamos la... fiz um script agorinha pra você(s) ....

ASP [/tr][tr]<script>

function abre(x){

foto = window.open("","foto","width=0, height=0");

foto.document.write("<body leftmargin='0' topmargin='0'>");

foto.document.write("<img src='"+x+"' id='ft' />");

foto.document.write("<script>window.resizeTo(ft.width,ft.height);<\/script>");

}

</script>

<a href="java script:;" onclick="abre('http://www.imasters.com.br/forum/forum_topo/topo.gif');"> Abrir foto </a>

[/tr]

só uma coisa.. isso nem sempre funciona.. pq o js nem sempre retorna o tamanho da imagem certa http://forum.imasters.com.br/public/style_emoticons/default/shifty.gif

mas já é um começo :rolleyes:

watequate · Janeiro 26, 2005

Obrigado pelas dicas, mas nenhuma delas resolveu o meu problema...

Alex Hiroshi · Janeiro 27, 2005

ue.. . então fale o pq não resolveu.. como você quer mesmo? pq o que eu postei... é o que você quer (pelo que você explicou é isso mesmo)

fabiosc80 · Janeiro 28, 2005

ue.. . então fale o pq não resolveu.. como você quer mesmo? pq o que eu postei... é o que você quer (pelo que você explicou é isso mesmo)

Lex eu tambem estava com amesma dúvida que você ai nao consegui nem aqui e nem em nenhum outro site de foruns e tal ai roubei o código de um site olha só:no pop up que abrir coloque esse código entre o <head></head>

<script language="javascript"><!--var i=0;function resize() {  if (navigator.appName == 'Netscape') i=40;  if (document.images[0]) window.resizeTo(document.images[0].width +30, document.images[0].height+60-i);}//--></script>

e esse outro no <BODY>

<body onload="resize();">

pronto. é só isso. :D :D :D Abraços,Fábio Sanches CarmonaDesenvolvedor Web.

watequate · Janeiro 28, 2005

ue.. . então fale o pq não resolveu.. como você quer mesmo? pq o que eu postei... é o que você quer (pelo que você explicou é isso mesmo)

Me explique como configurar esse seu script. Teria como você colocar aonde tenho q adicionar o nome da minha foto, o tamanho, essas informações ?Tentei modificar mas nao consegui. Se desse para você colocar um comentario onde tenho q modificar ?Obrigado.Site onde quero aplicar esse script - Link Fotos das Baladas

FabricioGomes · Janeiro 28, 2005

tenho esse script para abrir uma imagem grande a partir do clique numa imagem pequena (thumb)

<script>function abre(imagem){   xImage = new Image()   xImage.src = imagem    x = xImage.width + 25   y = xImage.height + 25   window.open(imagem, "popup", "width="+x+",height="+y+",toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no")}</script><img id=idimagem src="imagem_p.jpg" onclick=abre("imagem.jpg") border=0>

espero que ajude....

Alex Hiroshi · Janeiro 29, 2005

os scripts que postaram faz o mesmo que o que eu fiz .... pega a medida da imagem com imagem.width e height...

ASP [/tr][tr]<script>

function abre(x){ // Abre função que pega uma variavel do link

foto = window.open("","foto","width=0, height=0"); // cria uma variavel com o window.open()... ele faz a janela abrir

foto.document.write("<body leftmargin='0' topmargin='0'>"); // escreve na janelinha a linha do body que vai deixar sem margens

foto.document.write("<img src='"+x+"' id='ft' />"); // escreve a tag da imagem

foto.document.write("<script>window.resizeTo(ft.width,ft.height);<\/script>"); // script que redimensionada a janela

}

</script>

<a href="java script:;" onclick="abre('http://www.imasters.com.br/forum/forum_topo/topo.gif');"> Abrir foto </a>

[/tr]

ali na linha do window.resizeTo() ele pega a largura e a altura da imagem

a unica coisa que você teria que mudar.. seria a url da foto.. nada mais...

só a url que fica ali no link

<a href="javascript:;" onclick="abre('http://www.imasters.com.br/forum/forum_topo/topo.gif');"> Abrir foto </a>

onde eu deixei com a url da imasters http://www.imasters.com.br/forum/forum_topo/topo.gif' você coloca a url da sua foto... so isso.. ;)

watequate · Janeiro 29, 2005

os scripts que postaram faz o mesmo que o que eu fiz .... pega a medida da imagem com imagem.width e height...

ASP [/tr][tr]<script>
function abre(x){ // Abre função que pega uma variavel do link

foto = window.open("","foto","width=0, height=0"); // cria uma variavel com o window.open()... ele faz a janela abrir

foto.document.write("<body leftmargin='0' topmargin='0'>"); // escreve na janelinha a linha do body que vai deixar sem margens

foto.document.write("<img src='"+x+"' id='ft' />"); // escreve a tag da imagem

foto.document.write("<script>window.resizeTo(ft.width,ft.height);<\/script>"); // script que redimensionada a janela

}

</script>

<a href="java script:;" onclick="abre('http://www.imasters.com.br/forum/forum_topo/topo.gif');"> Abrir foto </a>
[/tr]
ali na linha do window.resizeTo() ele pega a largura e a altura da imagem

a unica coisa que você teria que mudar.. seria a url da foto.. nada mais...

só a url que fica ali no link
<a href="javascript:;" onclick="abre('http://www.imasters.com.br/forum/forum_topo/topo.gif');"> Abrir foto </a>
onde eu deixei com a url da imasters http://www.imasters.com.br/forum/forum_topo/topo.gif' você coloca a url da sua foto... so isso.. ;)

Lex,

entendi direitinho, mas me tira uma outra duvida...

Para cada link tenho q colocar esse bloco certo ?!?

tipo assim... ?!?

</script>

<a href...>Thumb</a>

</script>

<a href...>Thumb</a>

Alex Hiroshi · Janeiro 29, 2005

não não... você so precisa de um "bloco"...so com um.. você pode usar quantos links achar melhor..ex<script>. . . . blabla </script><a href=".....">... </a> <a href=".....">... </a> <a href=".....">... </a> <a href=".....">... </a> você so vai precisar mudar a url que que eu tinha falado em cada link... ;) nada mais

watequate · Janeiro 30, 2005

não não... você so precisa de um "bloco"...so com um.. você pode usar quantos links achar melhor..ex<script>. . . . blabla </script><a href=".....">... </a> <a href=".....">... </a> <a href=".....">... </a> <a href=".....">... </a> você so vai precisar mudar a url que que eu tinha falado em cada link... ;) nada mais

mas e o tamanho da foto ? quem foto q eh em pe e outras q sao deitadas, como eu vou fazer pra janela ajustar ao tamanho ?!?

Alex Hiroshi · Janeiro 30, 2005

ela ajusta sozinho... teste ai pra ver....

marcelinho · Novembro 21, 2005

desculpa resgatar esse topico mais eu tenho uma dúvida.Lex você disse que nem sempre funciona pois o js nao retorna certo o tamanho da imagemeu fiz esse script seu no meu codigo e puis uma imagem ai eu cliquei nela e realmente nao retornou o esperado mais eu fechei e cliquei dinovoai sim abriu certo você sabe pq isso acontece?e como eu poderia tentar resolver?Obrigado, e mais uma vez desculpe

Arquivado

Tamanho da janela

Recommended Posts

watequate 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

fael 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Mário Monteiro 179

Compartilhar este post

Link para o post

Compartilhar em outros sites

fael 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Mário Monteiro 179

Compartilhar este post

Link para o post

Compartilhar em outros sites

fael 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alex Hiroshi 7

Compartilhar este post

Link para o post

Compartilhar em outros sites

watequate 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alex Hiroshi 7

Compartilhar este post

Link para o post

Compartilhar em outros sites

fabiosc80 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

watequate 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

FabricioGomes 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alex Hiroshi 7

Compartilhar este post

Link para o post

Compartilhar em outros sites

watequate 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alex Hiroshi 7

Compartilhar este post

Link para o post

Compartilhar em outros sites

watequate 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alex Hiroshi 7

Compartilhar este post

Link para o post

Compartilhar em outros sites

marcelinho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real