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

Album De Fotos Com Descrição De Cada Foto

douglasdamame

Perguntado por douglasdamame,

 Share

Pergunta

douglasdamame

douglasdamame

Postado
Postado

Olá Pessoal,

Estou fazendo um album de fotos para eventos e cada evento terá 10 fotos. Estou fazendo em Javascript + ASP. Já estou alternando as fotos sem problemas mas tenho alternar juntos a descrição de cada foto, que esta sendo este o meu problema. Segue abaixo o código.

<TABLE width="100%" height="250" border=1 cellPadding=2 cellSpacing=0 bordercolor="f5f5f5">
<TR>
<TD width="319" height="255" vAlign=middle><div align="center">
<div align="center">

<%
Foto=rs("foto")
Foto1=rs("foto1")
Foto2=rs("foto2")
Foto3=rs("foto3")
Foto4=rs("foto4")
Foto5=rs("foto5")
Foto6=rs("foto6")
Foto7=rs("foto7")
Foto8=rs("foto8")
Foto9=rs("foto9")

If not foto = "" then
fotoinicial = foto
Else
If not foto1 = "" then
fotoinicial = foto1
else
If not foto2 = "" then
fotoinicial = foto2
Else
If not foto3 = "" then
fotoinicial = foto3
Else
If not foto4 = "" then
fotoinicial = foto4
Else
If not foto5 = "" then
fotoinicial = foto5
Else
If not foto6 = "" then
fotoinicial = foto6
Else
If not foto7 = "" then
fotoinicial = foto7
Else
If not foto8 = "" then
fotoinicial = foto8
Else
If not foto9 = "" then
fotoinicial = foto9
Else

End if
End if
End if
End if
End if
End if
End if
End if
End if
End if
%>

<% if not fotoinicial = "" then %>
<A id=url_imagem onclick="abre_foto('Fotos-eventos/<%=fotoinicial%>')"><IMG id=img_ampliada src="Fotos-eventos/destaque_<%=fotoinicial%>" border=0 style='CURSOR: hand'></A>
<A onclick="abre_foto('Fotos-eventos/<%=fotoinicial%>')"> </A>
</div>


<div id="texto" align="center"><%=RS("texto_foto")%> </div>



</TD>

<% else %>
<img src="Fotos-eventos/ssmall_semfoto_250.gif">
<% end if %>
                        
<TD width="155" bgcolor="f5f5f5">
 <div align="center">

<%if Rs("Foto") <> "" then%>
<IMG src="Fotos-eventos/ssmall_<%=RS("Foto")%>" hspace="3" vspace="3"border=0 style="CURSOR: hand; BORDER-BOTTOM: #ffffff 2px solid" onclick="img_ampliada.src=this.src1; url_imagem='java script:abre_foto(\'Fotos-eventos/<%=Rs("Foto")%>\')'" src1="Fotos-eventos/destaque_<%=Rs("Foto")%>">&nbsp;
<%end if

 if Rs("Foto1") <> "" then%>
<IMG src="Fotos-eventos/ssmall_<%=Rs("Foto1")%>" hspace="3" vspace="3"border=0 style="CURSOR: hand; BORDER-BOTTOM: #ffffff 2px solid" onclick="img_ampliada.src=this.src1; url_imagem='java script:abre_foto(\'Fotos-eventos/<%=Rs("Foto1")%>\')'" src1="Fotos-eventos/destaque_<%=Rs("Foto1")%>">&nbsp;
<%end if

if Rs("Foto2") <> "" then%>
<IMG src="Fotos-eventos/ssmall_<%=Rs("Foto2")%>" hspace="3" vspace="3"border=0 style="CURSOR: hand; BORDER-BOTTOM: #ffffff 2px solid" onclick="img_ampliada.src=this.src1; url_imagem='java script:abre_foto(\'Fotos-eventos/<%=Rs("Foto2")%>\')'" src1="Fotos-eventos/destaque_<%=Rs("Foto2")%>">&nbsp;
<%end if

if Rs("Foto3") <> "" then%>
<IMG src="Fotos-eventos/ssmall_<%=Rs("Foto3")%>" hspace="3" vspace="3" border=0 style="CURSOR: hand; BORDER-BOTTOM: #ffffff 2px solid" onclick="img_ampliada.src=this.src1; url_imagem='java script:abre_foto(\'Fotos-eventos/<%=Rs("Foto3")%>\')'" src1="Fotos-eventos/destaque_<%=Rs("Foto3")%>">&nbsp;
<%end if

if Rs("Foto4") <> "" then%>
<IMG src="Fotos-eventos/ssmall_<%=Rs("Foto4")%>" hspace="3" vspace="3" border=0 style="CURSOR: hand; BORDER-BOTTOM: #ffffff 2px solid" onclick="img_ampliada.src=this.src1; url_imagem='java script:abre_foto(\'Fotos-eventos/<%=Rs("Foto4")%>\')'" src1="Fotos-eventos/destaque_<%=Rs("Foto4")%>">&nbsp;
<%end if

if Rs("Foto5") <> "" then%>
<IMG src="Fotos-eventos/ssmall_<%=Rs("Foto5")%>" hspace="3" vspace="3" border=0 style="CURSOR: hand; BORDER-BOTTOM: #ffffff 2px solid" onclick="img_ampliada.src=this.src1; url_imagem='java script:abre_foto(\'Fotos-eventos/<%=Rs("Foto5")%>\')'" src1="Fotos-eventos/destaque_<%=Rs("Foto5")%>">&nbsp;
<%end if

if Rs("Foto6") <> "" then%>
<IMG src="Fotos-eventos/ssmall_<%=Rs("Foto6")%>" hspace="3" vspace="3" border=0 style="CURSOR: hand; BORDER-BOTTOM: #ffffff 2px solid" onclick="img_ampliada.src=this.src1; url_imagem='java script:abre_foto(\'Fotos-eventos/<%=Rs("Foto6")%>\')'" src1="Fotos-eventos/destaque_<%=Rs("Foto6")%>">&nbsp;
<%end if

if Rs("Foto7") <> "" then%>
<IMG src="Fotos-eventos/ssmall_<%=Rs("Foto7")%>" hspace="3" vspace="3" border=0 style="CURSOR: hand; BORDER-BOTTOM: #ffffff 2px solid" onclick="img_ampliada.src=this.src1; url_imagem='java script:abre_foto(\'Fotos-eventos/<%=Rs("Foto7")%>\')'" src1="Fotos-eventos/destaque_<%=Rs("Foto7")%>">&nbsp;
<%end if

if Rs("Foto8") <> "" then%>
<IMG src="Fotos-eventos/ssmall_<%=Rs("Foto8")%>" hspace="3" vspace="3" border=0 style="CURSOR: hand; BORDER-BOTTOM: #ffffff 2px solid" onclick="img_ampliada.src=this.src1; url_imagem='java script:abre_foto(\'Fotos-eventos/<%=Rs("Foto8")%>\')'" src1="Fotos-eventos/destaque_<%=Rs("Foto8")%>">&nbsp;
<%end if

if Rs("Foto9") <> "" then%>
<IMG src="Fotos-eventos/ssmall_<%=Rs("Foto9")%>" hspace="3" vspace="3" border=0 style="CURSOR: hand; BORDER-BOTTOM: #ffffff 2px solid" onclick="img_ampliada.src=this.src1; url_imagem='java script:abre_foto(\'Fotos-eventos/<%=Rs("Foto9")%>\')'" src1="Fotos-eventos/destaque_<%=Rs("Foto9")%>">&nbsp;
<%end if%>

</div></TD>
</TR>
</TABLE>

Tentei colocar o texto em uma <DIV> com ID para chama-la, mas não consegui..

Se alguém puder me ajudar, agradeceria muitíssimo

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
douglasdamame

douglasdamame

Postado
  • Autor
Postado

Pessoal,

Por favor, preciso muito da ajuda de vocês ...

Bem, modifiquei o código acima totalmente, estou conseguindo mostrar a descrição de cada foto, mas agora tenho que ao clicar sobre a imagem maior ela abra em uma popup para mostrar a imagem com tamanho real.

Bem como estou fazendo:

1 - O script que pega as variaveis

<script language="javascript">
    function MostraFoto(NomeFoto, URL, Legenda,Texto ){

        document.getElementById("FotoSelecionada").src=NomeFoto;
        document.getElementById("URL").href="java script:abre_foto('URL')";
        document.getElementById("LegendaFoto").innerHTML=Legenda.replace("(#Apostrofo#)", "'");
        

    }

//-->
</SCRIPT>
2 - As variáveis que ao clicar sobre as miniaturas mostram em imagem média e ao clicar na média abriria uma popup 

<%if Rs("Foto1") <> "" then %>
<a href='java script:MostraFoto("Fotos-eventos/destaque_<%=Rs("Foto1")%>", "fotos-eventos/<%=RS("foto1")%>", "<%=Rs("Texto_Foto1")%>", "")'><img src='Fotos-eventos/ssmall_<%=RS("Foto1")%>' hspace="3" vspace="3" border="0" ></a>&nbsp;
<% end if%>
Como descrevi acima, são 10 fotos Quais são os erros: Não consigo acertar a variável URL por causa dos "" Para funcionar ele deveria estar deste jeito: document.getElementById("URL").href="java script:abre_foto('URL')"; Mas assim o script não entende que a URL é uma variável Se eu colocar: document.getElementById("URL").href="java script:abre_foto("URL")"; Dá erro Tentei também: <a href='java script:MostraFoto("Fotos-eventos/destaque_<%=Rs("Foto1")%>", "java script:abre_foto('fotos-eventos/<%=RS("foto1")%>') ", "<%=Rs("Texto_Foto1")%>", "")'><img src='Fotos-eventos/ssmall_<%=RS("Foto1")%>' hspace="3" vspace="3" border="0" ></a>&nbsp; <% end if%>

E colocar no java:

document.getElementById("URL").href=URL

Mas dão os mesmos problemas!!

Ou seja , já tentei e várias formas e não consegui,

Por favor, me deem uma ajudinha !!!!

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

douglasdamame

Postado
  • Autor
Postado

rajneesh,

Muitíssimo obrigado !!! Funcionou quando eu coloquei as aspas simples deste modo:

document.getElementById("URL").href="java script:abre_foto('" + URL + "')";

Valeu mesmo !!!!!

Aproveitando, como o meu objetivo é aprender, Por que funciou colocando este + entre a variável??

Obrigado

Douglas Damame

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

olimpia

Postado
Postado

Para executar a função abre_foto você tem que executar o codigo abaixo

java script:abre_foto('paramentro')

Então fazendo isto "java script:abre_foto('" + URL + "')" você esta concatenando o texto com a variável.

Não analisei o código que você postou acima, mas seria muito interessante verificar este artigo http://www.imasters.com.br/artigo/5129/css...magens_com_css/

Segue também o link do exemplo http://conteudo.imasters.com.br/5129/final.html

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,3k
    • Posts
      652,1k
×
×
  • Criar Novo...