Ir para conteúdo
Fórum Script Brasil
  • 0

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


Guest Steffan

Pergunta

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!

Link para o comentário
Compartilhar em outros sites

11 respostass a esta questão

Posts Recomendados

  • 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>

Link para o comentário
Compartilhar em outros sites

  • 0

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.

Link para o comentário
Compartilhar em outros sites

  • 0

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.

Link para o comentário
Compartilhar em outros 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

Link para o comentário
Compartilhar em outros sites

  • 0

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");
Link para o comentário
Compartilhar em outros 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

Link para o comentário
Compartilhar em outros 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.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...