Album de fotos Uol

shumi · Março 9, 2006

Galera,

Tenho que fazer estilo um album de fotos aqui pra empresa e tava vendo na net umas ideias e gostei muito o do UOL vejam: http://noticias.uol.com.br/ultnot/album/06...jhtm?abrefoto=9

do lado direito aparecem as miniaturas.

Como que a galera do uol fez a divisão da tela? por frame mesmo???

Valeu!

shumi · Março 9, 2006

Tava pensando em usar tabelas, mas fiquei pensando vou colocar as miniaturas e depois como vou fazer um link para exibir no centro da pagina a imagem ampliada? e onde tem a data da foto no site do UOL quero colocar o nome da foto que estará no meu banco, fiquei pensando tb como irei mapear essa parte...Pensei em usar Frame, mas fica muito zuado...Alguma sugestão?

shumi · Março 10, 2006

Lucas,

Nossa cara tava quebrendo a cabeça aqui pra fazer e tals, ai acabei de entrar e ver o seu post, mas o que esse script faz??

Eu estava pensando em fazer com frames(odeio frames), um frame ia usar para as miniaturas e o outro frame ia usar para as fotos em tamanho real. Mas se tiver um jeito que não use frames e você souber, você pode me dar uma dica como fazer?

Pq você viu la no uol tem uma barra de rolagem só pras miniaturas isso que me encucou...

Valeu Carinha!!!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

shumi · Março 10, 2006

Lucas,

No meu DB aparece somente o caminho, eu usei pra fazer upload das imagens aquele script que tem no laboratorio aqui do forum. :D

Deixa te perguntar se fiz certo veja:

<%set Conexcao = Server.CreateObject("ADODB.Connection")Conexcao.ConnectionString = "DRIVER={Microsoft Access Driver (*.mdb)};DBQ=" & Server.MaPpath("dbsistema.mdb")Conexcao.openIf NOT (Session("logado")) ThenResponse.Redirect "index.asp"Response.EndEnd Ifcod = Request("id")%><html><head><title>Sistema NewStyle</title> <style type="text/css"><!--body {	background-color: #FFFFFF;	}	.texto10 {	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #464646;		}		.texto11 {	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	color: #464646;	}-->  </style>  </script></head><%sql = "select * from dados where cod=" & codSet rs=Conexcao.Execute(sql)%><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><img src="topo.jpg"><p><input type="hidden" name="cod" value="<%=cod%>"></p><p align="center"><center><script LANGUAGE="JavaScript"><!-- começobrowserName = navigator.appName;browserVer = parseInt(navigator.appVersion);ns3up = (browserName == "Netscape" && browserVer >= 3);ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);function doPic(imgName) {if (ns3up || ie4up) {imgOn = ("" + imgName);document.mainpic.src = imgOn;   }}//  fim --></script><a href="javascript:doPic('<% vazio = "images/produtos/" 	  If rs("foto") = vazio then 	  response.write ("imagens/lojas/teste.jpg") 	  else 	  response.write rs("foto") 	  end if %>');"><img border=0 width="60" height="90" src="<% vazio = "imagens/lojas/" 	  If rs("foto") = vazio then 	  response.write ("imagens/lojas/teste.jpg") 	  else 	  response.write rs("foto") 	  end if %>">		</a>  <p> </p>  <p> </p></center><center><p> </p>  <p>	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="50" height="50">	  <param name="movie" value="voltar4.swf">	  <param name="quality" value="high">	  <embed src="voltar4.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="50" height="50"></embed>	</object>	<br></p></center><p><img src="imagens/rodape.gif" width="779" height="44"></p></body></html><% If CInt(Request.QueryString("msg")) = 1 Then %><script language="VBscript">alert("Cadastro efetuado com sucesso!")</script><% End If %>

Ta certo?????????

Valeu!

shumi · Março 10, 2006

Arrumei os erros que você me falou!Ai fui testar deu um erro assim:

ADODB.Recordset erro '800a0cc1' Item cannot be found in the collection corresponding to the requested name or ordinal. /sis/relatorio_fotos_f.asp, line 68

tenho que fazer alguma adaptação no meu DB?Valeu!

shumi · Março 10, 2006

Lucas,

Dei um print screen do meu banco.

Veja:

http://www.newstyle1.com/sis/banco.jpg

Valeu!

shumi · Março 10, 2006

Meu select eu tinha ter feito 2 ao inves de um, ai no fim esqueci de fazer o que resgata as fotos.

dá uma olhada o que acontece!

http://www.newstyle1.com/sis/relatorio_fotos_f.asp?id=21

Fica parecido com o do UOL se você clica na miniatura exibe a grande do lado? :wacko:

Obrigado

shumi · Março 10, 2006

Nossa cara muito loko é isso mesmo!!!! http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

Só que a imagem que aparece ampliada, vou determinar um tamanho maximo que ela pode ter.

Pq o meu tá dando erro???

Valeu!

shumi · Março 10, 2006

Lucas,

beleza?

Cara ta ficou bom pra caramba!!

Dá uma olhada

http://www.newstyle1.com/sis/relatorio_fotos_f.asp?id=21

mas pq algumas imagens não exibem???

Achei que cadastrando novas imagens iria resolver, mas continua não exibindo...

você sabe pq?

Dá uma olhada no meu script e veja o que você acha:

<%set Conexcao = Server.CreateObject("ADODB.Connection")Conexcao.ConnectionString = "DRIVER={Microsoft Access Driver (*.mdb)};DBQ=" & Server.MaPpath("dbsistema.mdb")Conexcao.openIf NOT (Session("logado")) ThenResponse.Redirect "index.asp"Response.EndEnd Ifcod = Request("id")%><html><head><title>Sistema NewStyle</title><style type="text/css"><!--body {	background-color: #FFFFFF;	}	.texto10 {	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #464646;		}		.texto11 {	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	color: #464646;	}-->  </style><script LANGUAGE="JavaScript"><!-- começobrowserName = navigator.appName;browserVer = parseInt(navigator.appVersion);ns3up = (browserName == "Netscape" && browserVer >= 3);ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);function doPic(imgName) {if (ns3up || ie4up) {imgOn = ("" + imgName);document.mainpic.src = imgOn;   }}//  fim --></script></head><%sql = "select * from lojas" 'where cod=" & codSet rs=Conexcao.Execute(sql)%><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><img src="topo.jpg"><table><tr><td><%=rs("comentario")%></td><td><img name="mainpic" src="<%=rs("foto")%>" border=0></td><td><table><tr><td><% while not rs.eof%></td></tr><tr><td><a href="javascript:doPic('<%=rs("foto")%>');"><img border=0 width="60" height="90" src="<%=rs("foto")%>"></a></td></tr><tr><td><% rs.movenextwend%></td></tr></table></td></tr></table><center>  <p>	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="50" height="50">	  <param name="movie" value="voltar4.swf">	  <param name="quality" value="high">	  <embed src="voltar4.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="50" height="50"></embed>	</object>	<br></p></center><p><img src="imagens/rodape.gif" width="779" height="44"></p></body></html>

Valeu!

shumi · Março 10, 2006

Lucas,

Cara resolvi dá uma olhada

http://www.newstyle1.com/sis/relatorio_fotos_f.asp?id=21

Eu transformei o que resgatava do SQL em uma variavel e chamei a variavel ao inves da resposta do SQL

Só mais uma dúvida.

Como faço para que o comentário mude tb ao clicar em uma foto?

Abs

shumi · Março 10, 2006

É brother...ai o bicho pega. Eu num sei não, mas deve ser com Js tb... como eu uso este codigo pra exibir detalhes de produtos na maioria das vezes, nunca precisei fazer desta forma.So uma coisa, há realmente 2 fotos iguais cadastradas no bd ou ta fazendo um loop errado?

Há 2 fotos iguais mesmo! na hora de selecionar pra enviar, sem querer coloquei 2 iguais.Sabe nessa parte do script...

<%=rs("comentario")%></td><td><img name="mainpic" src="<%=rs("foto")%>" border=0></td>

Imagino que se eu fizesse a mesma coisa daria certo, mas tava pensando como. pois ali no img você usa um name e pro comentario eu teria que usar o font ao inves do img e o font não tem a propriedade name ne. seria + ou - isso não?Abs

shumi · Março 10, 2006

Galera,

O sisteminha que o Lucas me ensinou a fazer tá 10.

Aqui no meu script tenho assim:

<!-- começobrowserName = navigator.appName;browserVer = parseInt(navigator.appVersion);ns3up = (browserName == "Netscape" && browserVer >= 3);ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);function doPic(imgName) {if (ns3up || ie4up) {imgOn = ("" + imgName);document.mainpic.src = imgOn;   }}//  fim -->

No final como podem ver tá assim:

document.mainpic.src = imgOn;

e pra fazer aparecer a foto maior ta assim:

<img name="mainpic" src="<%=rs("foto")%>" border=0>

eu queria alem das fotos que aparecesse o comentário de cada uma se eu simplesmente faço assim:

<%=rs("comentario")%>

aparece somente o primeiro.

Como faço???

Valeu

Salgado · Março 10, 2006

Coloque uma DIV abaixo do local que exibe a imagem maior, e é só adaptar o JS que já manda a imagem para enviar o texto para a DIV.

Vou mover para JS.

shumi · Março 10, 2006

Mas tenho que colocar a DIV junto com minha table? e qual propriedade da DIV que devo usar para que o JS busque?

Meu script está assim a parte que tenho que adaptar para o melhor entendimento de vcs

<table><tr><td><%=(comentario)%></font></td><td><img name="mainpic" src="<%=rs("foto")%>" border=0></td><td><table><tr><td><% rs.movefirst while not rs.eof foto = rs("foto")%></td></tr><tr><td><a href="javascript:doPic('<%=(foto)%>');"><img src="<%=(foto)%>" border=0 width="60" height="90"></a></td></tr><tr><td><% rs.movenextwend%></td></tr></table></td></tr></table>

Salgado · Março 10, 2006

Vamos tentar.

<table>
<tr>
<td><%=(comentario)%></font></td>
<td><img name="mainpic" src="<%=rs("foto")%>" border=0>
<br><div id="comentario"></div></td>
<td><table>
<tr>
<td><% rs.movefirst
while not rs.eof
foto = rs("foto")
Comentario = rs("comentario")%></td></tr>
<tr><td><a href="javascript:doPic('<%=(foto)%>');doComments('<%=Server.HTMLEncode(Comentario)%>')"><img src="<%=(foto)%>" border=0 width="60" height="90"></a></td></tr>
<tr><td><% rs.movenext
wend
%></td></tr></table>
</td>
</tr>
</table>

E o JS ficaria:

function doComments(com) {
document.comentario.innerHTML = com;
}

Espero que funcione.

shumi · Março 10, 2006

Salgado,Tudo bem?então quando coloco o mouse em cima da miniatura aparece o endereço que vou acessar em baixo do navegar ai aparece assim: java script:doPic('imagem.jpg');doComments('Meu comentario') ai quando clico pra mudar, não muda e dá um erro no JS assim:

Objeto esperado

fiz assim:

function doPic(imgName) {if (ns3up || ie4up) {imgOn = ("" + imgName);document.mainpic.src = imgOn; }}function doComments(com) {document.comentario.innerHTML = com;}

Abraços

Leandro MdL · Março 11, 2006

Olá amigo, bom dia!!!Não sei se você conhece não, mas tem um programa que faz esse trabalho todo pra você. O Jalbum, ele cria os álbuns de fotos automaticamente com vários tipos layout. Se quiser testar procura por "JAlbum" em sites de download e manda ver...eu usei e ficou show de bola!!!Abraços!!!

shumi · Março 13, 2006

Galera,

Dá um help aki....

Não ta aparecendo o comentario, mas agora não ta dando mais erro...

Vejam como está:

<%set Conexcao = Server.CreateObject("ADODB.Connection")Conexcao.ConnectionString = "DRIVER={Microsoft Access Driver (*.mdb)};DBQ=" & Server.MaPpath("dbsistema.mdb")Conexcao.open'If NOT (Session("logado")) Then'Response.Redirect "index.asp"'Response.End'End Ifcod = Request("id")%><html><head><title>Sistema NewStyle</title><style type="text/css"><!--body {	background-color: #FFFFFF;	}	.texto10 {	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #464646;		}		.texto11 {	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	color: #464646;	}	div {	color:#FF0000; 	padding:5px; 	width:120px; 	height:380px; 	overflow:auto; 	}-->  </style><script LANGUAGE="JavaScript"><!-- começobrowserName = navigator.appName;browserVer = parseInt(navigator.appVersion);ns3up = (browserName == "Netscape" && browserVer >= 3);ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);function doPic(imgName) {if (ns3up || ie4up) {imgOn = ("" + imgName);document.mainpic.src = imgOn; }}function doComments(com) {document.comentario.innerHTML = com;}//  fim --></script></head><%sql = "select * from lojas" 'where cod=" & codSet rs=Conexcao.Execute(sql)comentario = rs("comentario")%><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><img src="topo.jpg"><table><tr><td><%=(comentario)%></font></td><td width="500"><center><img name="mainpic" src="<%=rs("foto")%>" border=0 height="340" width="454"></center><br></td><td><div><table><tr><td><% rs.movefirstwhile not rs.eoffoto = rs("foto")Comentario = rs("comentario")%></td></tr><tr><td><a href="javascript:doPic('<%=(foto)%>');doComments('<%=Server.HTMLEncode(Comentario)%>')"><img src="<%=(foto)%>" border=0 width="80" height="110"></a></td></tr><tr><td><% rs.movenextwend%></td></tr></table></div></td></tr></table><center>  <p>	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="50" height="50">	  <param name="movie" value="voltar4.swf">	  <param name="quality" value="high">	  <embed src="voltar4.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="50" height="50"></embed>	</object>	<br></p></center><p><img src="imagens/rodape.gif" width="779" height="44"></p></body></html>

Valeu

shumi · Março 13, 2006

Pessoal,

Aqui:

<a href="javascript:doPic('<%=(foto)%>');doComments('<%=(Coment)%>')"><img src="<%=(foto)%>" border=0 width="80" height="110"></a>

aparece o valor do campo e o nome da imagem no rodapé IE como eu faço pra pegar o Coment e fazer escrever na tela???

Tentai fazer normal, mas não escreve...

Valeu

shumi · Março 13, 2006

Pessoal tenta me ajudar aqui.... já tentei varias coisas, mas não rolou...Valeu!

Arquivado

Album de fotos Uol

Recommended Posts

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Salgado 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Salgado 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Leandro MdL 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

shumi 0