• 0
Sign in to follow this  
Guest Steffan

Js. Função View... Vejam!

Question

Guest Steffan

No site http://www.simpleplan.com/picture.php se você clicar em uma foto vai ver que a foto abre em uma nova janela através de um JS que faz com que essa nova janela com a foto tenha um fundo e uma borda. Alguém pode me ajudar a colocar isso no meu site? Eu procurei no codigo fonte mas não achei a função que faz isso (talvez eu não tenha procurado direito). PLZ me ajudem!

Share this post


Link to post
Share on other sites

11 answers to this question

Recommended Posts

  • 0

você quer a borda ou a forma de abrir o POP-UP ?

A borda vem atraves do CSS, desta forma:

.pictures_large img {
border-color: #FFFFFF;
border-style: solid;
border-width: 1px;
}
E na imagem:
<p class="pictures_large"><img src='IMG_3935.jpg' name='ImageAAfficher' border="0" onload="Resize();"></p>

Share this post


Link to post
Share on other sites
  • 0
Guest Guest

Os 2. Este aí funciona. Mas, assim, digamos que eu não tenha nada pronto. Aí como eu coloco o link na imagem da página principal p/ ele abrir a POPUP com estes requisitos aí que você falou? Mas eu quero fundo "#000000" e borda "#FF8C00" com 2px. Tem jeito de escolher o título da página que vai abrir a figura?

La naquele site que eu falei tem na imagem-link a seguinte função, por exemplo:

javascript:view(imagem.jpg','');
isso faz a imagem "imagem.jpg" abrir no POPUP que é gerado pela função view que parece ser:
function view(picture,comment){ var url = 'popup.php?image='+encode(picture)+'&comment='+encode(comment); popup = window.open(url,'simpleplan','scrollbars=no,status=no,toolbar=no,resizable=yes,location=no,menu=no,width=100,height=100'); popup.focus(); }

mas eu não to entendendo isso direito.

Share this post


Link to post
Share on other sites
  • 0
Guest Steffan

Explicando melhor: eu não quero que abra uma página html existente no POPUP. Eu quero que abra a imagem no pop-up. Usando link normal como

<a href="endereço_da_imagem.jpg" target="_blank"><img src="miniatura.jpg"></a>

vai abrir em uma nova página. Agora eu quero que seja semelhante. Abra a imagem mas não com um fundo branco e sem borda, e sim com fundo e borda como mencionei.

Share this post


Link to post
Share on other sites
  • 0

isso ae se não me engano você não vai conseguir

no site lá o cara tá enviando via javascript o nome da imagem para uma pagina php que tem toda a formatação.

é o codigo que você postou no 3º post deste tópico

se você simplesmente mandar abrir a imagem ela vira com fundo branco.

abraços

Share this post


Link to post
Share on other sites
  • 0
Guest Steffan

Pois é. quando os caras começam a misturar php com js vira uma bagunça q dói eu não entendo nada. consegui fazer algo parecido usando js, mas não consigo inserir a imagem.

Exemplo: quando clica na imagem miniatura ativa uma função js, que gera uma nova página com isso:

d.document.write("AQUI EU POSSO INSERIR HTML, TEXTO... CONSIGO INSERIR TEXTO, FORMATAR E tal MAS não CONSIGO COLOCAR IMAGEM");

Share this post


Link to post
Share on other sites
  • 0

faz assim ó:

<html>

<head>

<title>Album</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<form method="get" action="abrirfotopopup.htm">

<a href="javascript:" onclick="window.open('abrirfotopopup.htm?foto=001.jpg','','width=800, height=600');"><img src="001.jpg" width="100px" height="100px"></a>

<a href="javascript:" onclick="window.open('abrirfotopopup.htm?foto=004.jpg','','width=800, height=600');"><img src="004.jpg" width="100px" height="100px"></a>

</form>

<body>

</body>

</html>

Veja que as duas fotos tem dimensões 640x480, e eu configurei no pop-up 800x600, para fazer a margem.

<html>

<head>

<title>pop-up</title>

</head>

<body bgcolor="#003399">

<table summary="" align="center" width="100%" height="100%">

<tr>

<td valign="middle" align="center">

<script language="JavaScript" type="text/javascript">

<!--

valor = window.location.search.length;

foto=window.location.search.substring(6,valor);

document.write('<img src="' + foto + '" style="border: #FFFFFF Solid 2px;">');

//-->

</script>

</td>

</tr>

</table>

</body>

</html>

Aí em cima é o popup! uma pagina só para qualquer foto.

a ideia deste código saiu daqui: http://scriptbrasil.com.br/forum/index.php...=60entry87025

abraços

Share this post


Link to post
Share on other sites
  • 0

Mas eu retirei o

<form method="get" action="abrirfotopopup.htm">...</form>

e deu na mesma. Coloquei o que estava no mei espalhado na página, nos lugares que eu queria, e essa parte aí foi deletada. Num vai fazer falta la não ne?

Vlw cara, vou colocar isso em funcionamento em http://www.steffan2005.oi.com.br/walls_p1.htm em alguns dias... Fiz algumas modificações, depois vai la pra você ver.

Share this post


Link to post
Share on other sites
  • 0

que bom que funfou!

<form method="get" action="abrirfotopopup.htm">...</form>

esta linha ae, é a linha que define o envio dos dados para a outra pagina.

abraços

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this