Jump to content
Fórum Script Brasil
  • 0

Album De Fotos Com Descrição De Cada Foto


douglasdamame
 Share

Question

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 to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

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 to comment
Share on other sites

  • 0

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 to comment
Share on other sites

  • 0

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 to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      151k
    • Total Posts
      649.1k
×
×
  • Create New...