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

Ajuda ! Abrir Imagem Em Pop Up

douglasdamame

Perguntado por douglasdamame,

 Share

Pergunta

douglasdamame

douglasdamame

Postado
Postado

Olá pessoal,

Estou com um script que consegui na net e estou colocando as variáveis ASP para funcionar. Até ai, beleza, ta funcionando, mostrando as imagens e etc...

Mas não sei como vou fazer para ao clicar na foto, ela abra um popup com a imagem maior..... O grande problema é adaptar isso ao script...

Segue o script original para ver se vocês me ajudam:

<table border="0" cellpadding="0" ALIGN="CENTER">
<b>Super Galeria de Fotos Scriptfacil.cOm </b>
<tr>
<td width="100%"> 
<!-- Coloque aqui a primeira imagem da sua galeria-->
<img src="foto1.jpg" name="fotoGaleria">
</td>
</tr>
<tr>
<td width="100%" ALIGN="CENTER">
<form method="POST" name="rotater">

<script language="JavaScript1.1">
var fotos=new Array()
var exibir=0

// Coloque o nome de suas imagens aqui
fotos[0]="foto1.jpg" //coloque aqui o nome usado na primeira imagem da galeria
fotos[1]="foto2.jpg"
fotos[2]="foto3.jpg"

// Para colocar mais imagens basta seguir a ordem. Por exemplo:
// fotos[4] ="foto4.jpg" 

// Funcao responsavel pela volta das imagens
function imgVoltar()
{
if (exibir>0)
{
window.status=''
exibir--
document.images.fotoGaleria.src=fotos[exibir]
}
}

//Funcao resposavel pelo avanco das imagens
function forward()
{
if (exibir<fotos.length-1)
{
exibir++
document.images.fotoGaleria.src=fotos[exibir]
}
else window.status='Fim da Galeria'
}
</script>
<input type="button" value="Voltar" onClick="imgVoltar()"> 
<input type="button" value="Próxmo" onClick="forward()">
</form>
</td>
</tr>
</table>

POR FAVOR... CONCLUINDO ISSO IREI DISPONIBILIZAR PARA TODOS O SCRIPT ALTERADO PARA FUNCIONAR COM ASP !!!!!

Link para o comentário
Compartilhar em outros sites

12 respostass a esta questão

Posts Recomendados

  • 0
douglasdamame

douglasdamame

Postado
  • Autor
Postado
<img src="" onclick="window.open..." />

fa um teste ae!

qualquer coisa posta ae

abraços

Eu já tentei e nada !!!!!! O pior é saber onde colocar o link neste código!!!

Para falar a verdade, na minha atual situação, nem precisa ser popup, pode ser o link !!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Link para o comentário
Compartilhar em outros sites
  • 0
Guest Guest

Guest Guest

Postado
Postado

No head você coloca:

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function openPictureWindow_Fever(imageName,imageWidth,imageHeight,alt,posLeft,posTop) {
	newWindow = window.open("","newWindow","width="+imageWidth+",height="+imageHeight+",left="+posLeft+",top="+posTop);
	newWindow.document.open();
	newWindow.document.write('<html><title>'+alt+'</title><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" onBlur="self.close()">'); 
	newWindow.document.write('<img src='+imageName+' width='+imageWidth+' height='+imageHeight+' alt='+alt+'>'); 
	newWindow.document.write('</body></html>');
	newWindow.document.close();
	newWindow.focus();
}
//-->
</script>
</head>
e depois dentro da pagina você coloca o link da imagem assim: 
 <a href="#" onClick="openPictureWindow_Fever('/imagens/fundo.gif','200','150','Mostruario','40','40')">Imagem</a>

tenta isso

Link para o comentário
Compartilhar em outros sites
  • 0
douglasdamame

douglasdamame

Postado
  • Autor
Postado

Olá Victor,

Primeiramente obrigado por tentar me ajudar....

O grande problema, não é fazer a imagem abrir em popup, mas sim como inserir o link nas imagens neste código, pois elas são rotacionadas pelo JS ??

document.images.fotoGaleria.src=fotos[exibir]

Na minha situação, não precisa nem ser POPUP, se tiver como colocar um link para abrir em outra página a foto.... Já me resolveria....

Valeu,

Douglas

Link para o comentário
Compartilhar em outros sites
  • 0
JCMPJ

JCMPJ

Postado
Postado

Oi!

Seguinte peguei a idéia do Guest ai em cima e ...

function openPictureWindow_Fever(imageName,imageWidth,imageHeight,alt,posLeft,posTop) {

newWindow = window.open("","newWindow","width="+imageWidth+",height="+imageHeight+",left="+posLeft+",top="+posTop);

newWindow.document.open();

newWindow.document.write('<html><title>'+alt+'</title><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" onBlur="self.close()">');

newWindow.document.write('<img src='+imageName.src+' width='+imageWidth+' height='+imageHeight+' alt='+alt+'>');

newWindow.document.write('</body></html>');

newWindow.document.close();

newWindow.focus();

}

Ai chama assim:

<img id="fotoGaleria" name="fotoGaleria" src="" alt="" onclick="openPictureWindow_Fever(this,'200','150','Mostruario','40','40')">

Funciona legal.

Testa ai e fala se deu certo.

[]'s

ph34r.gif

Link para o comentário
Compartilhar em outros sites
  • 0
douglasdamame

douglasdamame

Postado
  • Autor
Postado

Olá,

Muito obrigado a todos que tentaram me ajudar.... O código esta funcionando e conforme prometido estou disponibilizando ele pronto em ASP + Java

http://scriptbrasil.com.br/forum/index.php...=ST&f=2&t=73685

O código puro em Java Script segue abaixo:

<table border="0" cellpadding="0" ALIGN="CENTER">
<b>Super Galeria de Fotos Scriptfacil.cOm </b>
<tr>
   <td width="100%"> 
     <!-- Coloque aqui a primeira imagem da sua galeria-->
     <div align="center"><a href="G_foto1.jpg" target="_blank" id="Caminho"><img src="foto1.jpg" name="fotoGaleria"> </a> </div>
   </td>
</tr>
<tr>
<td width="100%" ALIGN="CENTER">
<form method="POST" name="rotater">

<script language="JavaScript1.1">
var fotos=new Array()
var exibir=0

fotos[0]="foto1.jpg" 
fotos[1]="foto2.jpg"
fotos[2]="foto3.jpg"

var Caminho=new Array()

Caminho[0]="G_foto1.jpg" 
Caminho[1]="G_foto2.jpg"
Caminho[2]="G_foto3.jpg"


// Funcao responsavel pela volta das imagens
function imgVoltar()
{
if (exibir>0)
{
window.status=''
exibir--
document.images.fotoGaleria.src=fotos[exibir];
document.getElementById("Caminho").href=Caminho[exibir];
}
}

//Funcao resposavel pelo avanco das imagens
function forward()
{
if (exibir<fotos.length-1)
{
exibir++
document.images.fotoGaleria.src=fotos[exibir];
document.getElementById("Caminho").href=Caminho[exibir];
}
else window.status='Fim da Galeria'
}
</script>
<input type="button" value="Voltar" onClick="imgVoltar()"> 
<input type="button" value="Próxmo" onClick="forward()">
</form>
</td>
</tr>
</table>

Valeu Galera !!!!

Douglas Damame

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.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,5k
    • Posts
      652,4k
×
×
  • Criar Novo...