Elton Lima Postado Fevereiro 15, 2004 Denunciar Share Postado Fevereiro 15, 2004 Boa Tarde amigos !!!Estou criando uma galeria de fotos com miniaturas o que quero fazer é o seguinte.Que quando eu clikar nas fotos eu queria abrir um pop-up com a foto ampliada e com texto indicando a situação da foto. Mais tem como eu fazer um sistema desse sem utilizar varias páginas somentes as fotos ampliadas e a mudança de textos ??Abçs EltLims Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 diraol Postado Fevereiro 15, 2004 Denunciar Share Postado Fevereiro 15, 2004 cara, se eu não me engano é nesse (http://www.asphelp.com.br) site que tem um sistema desse feito com ASP e JAVASCRIPT...... é automatizado então você não precisa criar 1 página p/ cada foto.....veja lá.... em breve vai ter na superscript também... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Elton Lima Postado Fevereiro 15, 2004 Autor Denunciar Share Postado Fevereiro 15, 2004 Tem um modo mais rapido e simples que não necessite de criar uma página em ASP, e também pode ser sem o texto indicativo em cada foto. eu só quero que quando eu clicar em cada foto abra uma janela em pop-up, com a foto em tamanho ampliado e sem precisar varias páginas, somentes as fotos.abçs eltlims Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 sparrow Postado Fevereiro 16, 2004 Denunciar Share Postado Fevereiro 16, 2004 Fala ae Elton!Arquivo fotoview.js<!--function AbreFoto(tit,foto,larg,alt,id){largura=larg;altura=(alt+20);v=0;if(larg>=(screen.width-30)){v=1; largura=screen.width-30;}if(alt>=(screen.height-70)){v=1; altura=screen.height-70}PropJanela='toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars='+v+',resizable=0,width='+largura+',height='+altura;NovaJanela=window.open('','',PropJanela);NovaJanela.document.close();NovaJanela.document.write('<html><head><title>'+tit+'</title><style type="text/css">a{color:#FFFFFF;text-decoration:none}a:hover{color:#FF0000}</style></head><body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" bgcolor="#000000" text="#FFFFFF"><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width='+(largura-30)+'>'+tit+'</td><td width="30" align="right"><a href="#" onclick="o=window.opener;if('+id+'!=0){self.close();o.AbreFoto(o.Foto['+(id-1)+'][0],o.Foto['+(id-1)+'][1],o.Foto['+(id-1)+'][2],o.Foto['+(id-1)+'][3],'+(id-1)+')}" title=Anterior">«</a> - <a href="#" onclick="o=window.opener;if('+id+'<o.Foto.length-1){self.close();o.AbreFoto(o.Foto['+(id+1)+][0],o.Foto['+(id+1)+'][1],o.Foto['+(id+1)+'][2],o.Foto['+(id+1)+'][3],'+(id+1)+')}" title="Próxima">»</a></td></tr><tr><td colspan="2"><img src="'+foto+'" width="'+larg+'" height="'+alt+'" alt="'+tit+'"></td></tr></table></body></html>');}function EscreveLista(){ for(i=0;i<Foto.length;i++) { miniatura=Foto[1].substring(0,(Foto[1].length-4)); document.write('<img src="'+miniatura+'.gif" style="cursor:hand" onclick="AbreFoto(\''+Foto[0]+'\',\''+Foto[1]+'\','+Foto[2]+','+Foto[3]+','+i+')" alt="'+Foto[0]+' ('+Foto[2]+'x'+Foto[3]+')">'); }}//-->Arquivo fotos.js<!--Foto=new Array();/* 'descrição da foto','arquivo.ext','largura','altura' */Foto[Foto.length]=new Array('foto1 - bla bla bla','jit.jpg',400,400);Foto[Foto.length]=new Array('foto tal','tips.jpg',500,500);//-->Salve os codes acima com os nome de arquivo especificados. O arquivo que carrega as funções chama-se fotoview.js e o arquivo fotos.js será seu "banco de dados", onde você irá cadastrar:'descrição da foto','arquivo.ext','largura','altura'Você poderá ainda mudar o nome deste arquivo não se esquecendo de também mudar ao carregá-lo na página :<head><script language="javascript" src="fotos.js"></script><script language="javascript" src="fotoview.js"></script></head>Isso pode ser úil para organizar seus arquivos, pois uma página de nome galeria1.htm, por exemplo, pode vir acompanhada do arquivo galeria1.jsAmbos os dois arquivos acima devem ser carregados antes da página (entre os head) e na mesma ordem acima.Depois, basta chamar a função que escreve as miniaturas (que devem ter a extensão gif)). Assim:<body><script><!--EscreveLista();--></script></body>qualquer coisa posta aki dnv sparrow Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Elton Lima
Boa Tarde amigos !!!
Estou criando uma galeria de fotos com miniaturas o que quero fazer é o seguinte.
Que quando eu clikar nas fotos eu queria abrir um pop-up com a foto ampliada e com texto indicando a situação da foto.
Mais tem como eu fazer um sistema desse sem utilizar varias páginas somentes as fotos ampliadas e a mudança de textos ??
Abçs EltLims
Link para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados
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.