Jump to content


Photo

Janela Popou No Tamanho Exato Da Foto


  • Faça o login para participar
6 replies to this topic

#1 Vampiro

Vampiro

    Turista

  • Usuários
  • 34 posts
  • Sexo:Não informado

Posted 06/11/2006, 11:26

Eu ja fiz gerar a miniatura da foto, mas agora eu gostaria de fazer com que ao clicar abrir uma janela popup no tamanho exato da foto sem margens sem nada.

Alguém sabe como fazer isso?

Abraços

#2 Paulo André

Paulo André

    Why so serious?

  • Ex-Admins
  • 5114 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte - MG
  • Interesses:O.Q.F.J.?

Posted 06/11/2006, 12:06

function PopupImage(img, titulo) {
title = titulo;
w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+title+"</TITLE></HEAD>");
w.document.write("<script language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+30); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' onclick='action()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border='0' alt='"+title+"' title='"+title+"'>");
w.document.write("</TD></TR></TABLE>");
w.document.write("</BODY></HTML>");
w.document.close();
}

Flws...
;)Até mais
Paulo André G Rodrigues,
ex-administrador Fórum WMO.


www.CanalDev.com.br

#3 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 06/11/2006, 13:18

Movendo de Java/JSP para JavaScript / DOM / ECMAScript

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum


#4 Burille

Burille

    12 Horas

  • Usuários
  • 180 posts
  • Sexo:Masculino

Posted 06/11/2006, 14:52

Amigo,

aqui vai um jeito mais fácil >> http://www.wmonline....=servicos/popup


Abraço (y)

#5 Paulo André

Paulo André

    Why so serious?

  • Ex-Admins
  • 5114 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte - MG
  • Interesses:O.Q.F.J.?

Posted 06/11/2006, 14:56

Amigo,

aqui vai um jeito mais fácil >> http://www.wmonline....=servicos/popup


Abraço (y)

E se existirem tamanhos diferentes? :ponder:
O código que eu passei abre a imagem e redimensiona a janela popup de acordo com o tamanho da imagem.

Flws...
(y)Até mais
Paulo André G Rodrigues,
ex-administrador Fórum WMO.


www.CanalDev.com.br

#6 viniciusjau

viniciusjau

    Veterano

  • Usuários
  • 1492 posts
  • Sexo:Masculino
  • Localidade:Jaú
  • Interesses:Web Designer em Geral

Posted 23/11/2006, 08:27

function PopupImage(img, titulo) {
title = titulo;
w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+title+"</TITLE></HEAD>");
w.document.write("<script language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+30); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' onclick='action()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border='0' alt='"+title+"' title='"+title+"'>");
w.document.write("</TD></TR></TABLE>");
w.document.write("</BODY></HTML>");
w.document.close();
}

Flws...
;)




como eu faço para chamar essa função ???

#7 Paulo André

Paulo André

    Why so serious?

  • Ex-Admins
  • 5114 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte - MG
  • Interesses:O.Q.F.J.?

Posted 23/11/2006, 09:37

como eu faço para chamar essa função ???

Por exemplo:
<a href="java script:PopupImage("./images/foto.jpg", "Minha foto")">
	<img src="./images/foto_mini.jpg" alt="" />
</a>

Flws...
;)Até mais
Paulo André G Rodrigues,
ex-administrador Fórum WMO.


www.CanalDev.com.br




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq