Oi, tenho uma duvida boba, to fazendo um pagina com fotos em miniaturas que serao links para abrirem cada foto em uma nova janela só com a imagem maior
usei esse codigo:
<th scope="col"><div align="center"><a href="imagem1.htm" onclick="NewWindow(this.href,'janela','510','280','yes','center');return false" onfocus="this.blur()"><img src="imagem1peq.jpg" width="250" height="136" border="0"></a></div></th>
minha duvida é: sempre terei que criar um htm pra cada foto?
ou tem algum outro jeito só em codigo que faça isso sem precisar botar cada imagem em htm?
Abri Link Da Imagem Em Popup
Started By resita, 18/03/2006, 17:21
23 replies to this topic
#2
Paulo André
-
- Ex-Admins
-
- 5114 posts
Why so serious?
- Sexo:Masculino
- Localidade:Belo Horizonte - MG
- Interesses:O.Q.F.J.?
Posted 18/03/2006, 18:40
use alguma linguagem dinâmica como o PHP ai vc faz isso facil facil... puro html vc teria q fazer uma pagina pra cada foto..
Flws...
Até mais
Flws...
Até mais
#3
resita
-
- Usuários
-
- 14 posts
Novato no fórum
- Sexo:Não informado
Posted 18/03/2006, 18:43
vc tem o codigo em php para me ajudar?use alguma linguagem dinâmica como o PHP ai vc faz isso facil facil... puro html vc teria q fazer uma pagina pra cada foto..
Flws...
#4
Klaus
-
- Ex-Admins
-
- 7924 posts
@ ubuntu jaunty
- Sexo:Masculino
- Localidade:127.0.0.1
Posted 18/03/2006, 18:59
Você não precisa de PHP para fazer isso. Fazer em PHP é exigir processamento do servidor quando você pode transferir isso pro cliente. 
Basta abrir o popup e escrever dentro dele o que quiser, seja a imagem (com document.write) ou abrindo direto a página .html que você tem no link.
Fazer em PHP é exigir processamento do servidor quando você pode transferir isso pro cliente. Basta abrir o popup e escrever dentro dele o que quiser, seja a imagem (com document.write) ou abrindo direto a página .html que você tem no link.
#5
resita
-
- Usuários
-
- 14 posts
Novato no fórum
- Sexo:Não informado
Posted 18/03/2006, 19:02
certo mas como é esse document.write com imagem?Você não precisa de PHP para fazer isso.
Basta abrir o popup e escrever dentro dele o que quiser, seja a imagem (com document.write) ou abrindo direto a página .html que você tem no link.
Nao tava querendo fazer cada imagem uma pagina...mas se nao tiver outro jeito né
#6
Klaus
-
- Ex-Admins
-
- 7924 posts
@ ubuntu jaunty
- Sexo:Masculino
- Localidade:127.0.0.1
Posted 18/03/2006, 20:02
Nem precisa.
Se você ao abrir uma janela, instanciar a mesma numa variável, você pode escrever conteúdo nela diretamente. Ou seja, supondo que ao abrir o popup você instancia esta janela na variável exemplo, daí seria:
Se você ao abrir uma janela, instanciar a mesma numa variável, você pode escrever conteúdo nela diretamente. Ou seja, supondo que ao abrir o popup você instancia esta janela na variável exemplo, daí seria:
exemplo.document.open();
exemplo.document.write( "Um texto aqui. Ou talvez sua imagem!" );
exemplo.document.close();
#7
resita
-
- Usuários
-
- 14 posts
Novato no fórum
- Sexo:Não informado
Posted 19/03/2006, 00:32
Oi, tava pesquisando na net e tentei esse código e funcionou:
<A style="FONT-SIZE: 10px; FONT-FAMILY: Verdana"
onclick="window.open(fotomaior.jpg','foto1','width=520,height=280')"
href="fotos.html"><B><img src="fotomenor.jpg" width="250" height="136"></B></A>
o único problema é que toda vez que clico no link da fotomenor ele abre a foto maior em outra janela como quero mas ao mesmo tempo atualiza a pagina que estao as fotos menores, que é fotos.html
quando tiro o href do codigo dá erro
posso usar esse codigo?
como faço pra nao ficar indo pro fotos.html toda vez que clico em uma foto menor?
obrigada pela ajuda
<A style="FONT-SIZE: 10px; FONT-FAMILY: Verdana"
onclick="window.open(fotomaior.jpg','foto1','width=520,height=280')"
href="fotos.html"><B><img src="fotomenor.jpg" width="250" height="136"></B></A>
o único problema é que toda vez que clico no link da fotomenor ele abre a foto maior em outra janela como quero mas ao mesmo tempo atualiza a pagina que estao as fotos menores, que é fotos.html
quando tiro o href do codigo dá erro
posso usar esse codigo?
como faço pra nao ficar indo pro fotos.html toda vez que clico em uma foto menor?
obrigada pela ajuda
#8
Alex Hiroshi
-
- Ex-Admins
-
- 4923 posts
Super Veterano
- Sexo:Masculino
- Localidade:São Paulo - SP
Posted 19/03/2006, 00:39
Ou. .
. .ou . .onclick="window.open(fotomaior.jpg','foto1','width=520,height=280'); return false"
href="#". . ou . .
href="javascript:;". . ou . .
href="javascript: window.open.........". . e assim vai
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#9
Crab
-
- Ex-Admins
-
- 2521 posts
Da paz, mas preparado para Guerra
- Sexo:Masculino
- Localidade:Florianópolis - SC
- Interesses:Desenvolvimento Gráfico e Web.
Posted 19/03/2006, 10:42
Uma vez tive esse problema e recebi uma ajuda do klaus e como eu sou daqueles que gosta de repassar conhecimento recebido ... repasso então aqui ... como ele me ensinou ... ( talvez ele nem lembre faz tempo isso ).
Nesta forma que ele me ensinou basta um html para abrir todas as fotos e elas abrem sem margens tbm ... mas todas as fotosmaiores devem estar na mesma dimensão claro.
zoom.html
Agora na página de miniaturas além do link eu tbm usei uma função que posiciona as janelas em qualquer lugar da tela ... o lugar que vc quiser.
Pois só com a window.open purinha eu nunca consigo definir um local exato para posicionar a janela
... então fiz assim:
O link que vai em todas miniaturas seria assim:
Lembrando que ...
... e
... deverão ser em cada link com o endereço da cada foto maior e menor.
Bom .... isso vc saberia neh.
Até mais
Nesta forma que ele me ensinou basta um html para abrir todas as fotos e elas abrem sem margens tbm ... mas todas as fotosmaiores devem estar na mesma dimensão claro.
zoom.html
entre as tags <body></body>
<body leftmargin="0px" topmargin="0px" marginwidth="0px" marginheight="0px">
<img src="" border="0" />
<script language="javascript">
var qs = window.location.search.slice(1);
document.images[0].src = qs;
</script>
</body>
...
Agora na página de miniaturas além do link eu tbm usei uma função que posiciona as janelas em qualquer lugar da tela ... o lugar que vc quiser.
Pois só com a window.open purinha eu nunca consigo definir um local exato para posicionar a janela
... então fiz assim:... entre as tags <head></head>
<script language="JavaScript" type="text/JavaScript">
<!--
function positionWindow(theURL,winName,features) {
window.open(theURL,winName,features);
}
//-->
</script>
O link que vai em todas miniaturas seria assim:
<a href="javascript:void(null);" onClick="positionWindow('zoom.html?fotos_grandes/imagem_maior.jpg','','width=640,height=421,left=0,top=0')"><img src="fotos_menores/imagem_menor.jpg" alt="Clique para Ampliar" width="75" height="49" border="0" /></a>Lembrando que ...
zoom.html?fotos_grandes/imagem_maior.jpg
... e
<img src="fotos_menores/imagem_menor.jpg" alt="Clique para Ampliar" width="75" height="49" border="0" />
... deverão ser em cada link com o endereço da cada foto maior e menor.
Bom .... isso vc saberia neh.
Até mais
Crab - Ex-Administrador Geral fórum WMO
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
#10
resita
-
- Usuários
-
- 14 posts
Novato no fórum
- Sexo:Não informado
Posted 20/03/2006, 21:03
obrigado pela ajuda acabei usando com o href="java script:;" mesmo
Funcionou perfeito mas quando fui publicar nao funcionou
olhem só: http://www.psyfictionshop.tk/
pq nao ta abrindo quando clico na figura?
ta falando que contém erros na pagina
Funcionou perfeito mas quando fui publicar nao funcionou
olhem só: http://www.psyfictionshop.tk/
pq nao ta abrindo quando clico na figura?
ta falando que contém erros na pagina
#11
Alex Hiroshi
-
- Ex-Admins
-
- 4923 posts
Super Veterano
- Sexo:Masculino
- Localidade:São Paulo - SP
Posted 20/03/2006, 21:11
Você tem que enviar as imagens para o servidor.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#12
resita
-
- Usuários
-
- 14 posts
Novato no fórum
- Sexo:Não informado
Posted 20/03/2006, 22:14
mas eu enviei...elas nao estao aparecendo aí?Você tem que enviar as imagens para o servidor.
o problema é que quando clico nela nem abre a outra janela
#13
Alex Hiroshi
-
- Ex-Admins
-
- 4923 posts
Super Veterano
- Sexo:Masculino
- Localidade:São Paulo - SP
Posted 20/03/2006, 22:44
Alias, você deve trocar o caminho para a imagem.. olhando o código fonte, ele está assim
file:///E|/Rodrigo/Camisas/Site/camisas/swat.jpgou seja, o caminho da imagem no seu pc.. você tem que trocar para o caminho da imagem que está no seu servidor..
http://www.seusite.tk/imagem.jpg
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#14
resita
-
- Usuários
-
- 14 posts
Novato no fórum
- Sexo:Não informado
Posted 20/03/2006, 22:50
é mesmo que furada heheAlias, você deve trocar o caminho para a imagem.. olhando o código fonte, ele está assim
file:///E|/Rodrigo/Camisas/Site/camisas/swat.jpgou seja, o caminho da imagem no seu pc.. você tem que trocar para o caminho da imagem que está no seu servidor..http://www.seusite.tk/imagem.jpg
brigadao!!!
#15
resita
-
- Usuários
-
- 14 posts
Novato no fórum
- Sexo:Não informado
Posted 20/03/2006, 23:00
Só mais uma pergunta: quando a pagina está abrindo se eu clicar num link de uma imagem enquanto a pagina estiver abrindo ele abre em outra janela normal mas a pagina pára de abrir
ta acontecendo isso agora http://www.psyfictionshop.tk/
como faço pra continuar abrindo quando clico num link qualquer?
ta acontecendo isso agora http://www.psyfictionshop.tk/
como faço pra continuar abrindo quando clico num link qualquer?
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
