Abrir Imagem Em Nova Janela

Junho 10, 2003

Olá amigos ... ;)

Gostaria que ao clicar numa foto em miniatura, um JavaScript abrisse uma nova janela com esta mesma foto ampliada, porém não gostaria de usar um "window.open", pois não gostaria de ter que criar diversas HTML's, uma para cada página. :unsure:

Seria mais ou menos como se cada foto desse seu nome a uma variável e esta, por sua vez fosse aberta na nova janela, algo assim:

<html>

texto = new Array();

texto[1] = "A Galera";

texto[2] = "Apresentação em ...";

function Abrejanela() {

document.write ("<html><body bgcolor='#015cad'>")

document.write ("<center><br><br>")

document.write ("<table cellspacing=1 cellpading=1 border=2>")

document.write ("<tr><td><Div align='center'>")

document.write ("<img src='images/galera.jpg' width=400 height=300 name=imagem>")

document.write ("</div></td></tr>")

document.write ("<tr><td><div id='desc' align=center>")

document.write ("</div></td></tr></table>")

document.write ("<br><br><a href='fotos2.html'>")

document.write ("Voltar</a>")

document.write ("</center></body></html>")}

</script>

Esta seção está ainda em construção, e em breve estaremos

dispondo de nosso arquivo visual, com fotos, reportagens e

mensagens de pessoas queridas do meio Católico. Aguarde!<br>

</td></tr>

</table>

Para visualizar a foto ampliada, basta clicar sobre a mesma.<br>

</td></tr>

</table>

</center>

</body>

</html>

Desde já agradeço e que DEUS os abençoem !!! B)

Rogério Martins · Junho 10, 2003

Amigo... acho mais fácil você usar window.open...

quanto aos html, Photoshop ou ImageReader fazem as páginas automaticamente pra você.. nem precisa se preocupar com isso...

Seu código deve ficar mais rápido...

Abs

Junho 12, 2003

Olá amigos ... B)

Consegui a resposta através do meu amigo Salatiel no site

http://ferramentas.abril.com.br/aberto/forum/javascript.shl

Deixo aqui postada a resposta para o caso de outras pessoas precisarem da mesma ... ;)

Saudações,

Um exemplo para você adaptar:

<html>

<head>

var Foto=null;

function abrirFoto(foto,nomefoto,propriedades)

{

var nome=nomefoto;

newimage0 = new Image();

newimage0.src = foto;

if (Foto!=null && !Foto.closed) Foto.close();

nomefoto="janela"; //nomefoto="";

Foto=window.open(foto,nomefoto,propriedades);

Foto.focus();

var L=newimage0.width;

var A=newimage0.height;

if (A > screen.height) {A=screen.height; newimage0.height=screen.height}

var Titulo=("Minha Imagem " +nome);

Foto.document.open();

Foto.document.write("<body scroll=no background="+foto+">");

Foto.document.write("<center>"+Titulo+"</center>");

Foto.document.write("<div style=position:relative;top:"+(A-60)+"><a href='#' onclick= self.close()>Fechar</a></div>");

Foto.document.close();

Foto.resizeTo(L,A);

Foto.moveTo(120,0);

}

</script>

</head>

<body>

</body>

</html>

Entrar

Abrir Imagem Em Nova Janela

Pergunta

Guest Lauro Cesar

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Rogério Martins

Link para o comentário

Compartilhar em outros sites

Guest Lauro Cesar

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades