Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

OF Serpent

LightBox e ASP

Recommended Posts

Tenho um codigo em ASP que trabalha como uma galeria de foto, junto com um banco de dados mysql. Que quando clico na imagem ele abre uma nova ampliada. Tendo que a mimiatura da foto e a mesma que e ampliada.

 

Queria ajuda dos amigos para poder esta aplicando este mesmo codigo junto com o "LIGTHBOX".

 

Como sou inexperiente, Tentei seguir o tutorial de quase tudo que tinha google sem exisito. As 02:35 da manha apelo pela generosidade de alguem da comunidade esta me ajudando para poder migrar este codigo para o ligthbox.

 

 

function view_prod(view_img) {
    document.IMGVisProd.src = view_img;
	  

}
function liks() {

  var texto = document.IMGVisProd.src
  HTMLEncode = texto.replace('media','grande');
  var caraca = 'ampliar.asp?scr='
  window.open(caraca + HTMLEncode, height = 300, width = 400)

}

<td align="center" valign="middle"><img src="produtos/foto1/media/<%=foto%>" name="IMGVisProd" border="0" onClick="liks();" style="cursor:pointer"></td>
                              </tr>
                              <tr>
                                <td align="center" valign="middle" bgcolor="#F4F4F4"><font color="#333333" size="1" face="Tahoma">CLIQUE NA FOTO PARA AMPLIAR</font></td></tr>

<td height="60" align="center" class="home-box"><img style="cursor:pointer" onClick="view_prod('produtos/foto1/media/<%=foto%>');" src="produtos/foto1/media/<%=foto%>" width="50" /></td>
                                <%if rs("foto2") <>"grande.gif" then%>
   
                      <td align="center" class="home-box"><img onClick="view_prod('produtos/foto2/media/<%=rs("foto2")%>');" style="cursor:pointer" src="produtos/foto2/media/<%=rs("foto2")%>" width="50" /></td>
                      <%end if%>

                      <%if rs("foto3") <> "grande.gif" then%>
                      <td align="center" class="home-box"><img style="cursor:pointer" onClick="view_prod('produtos/foto3/media/<%=rs("foto3")%>');" src="produtos/foto3/media/<%=rs("foto3")%>" width="50" /></td>
                      <%end if%>
                              </tr>
                              <% if rs("foto4") <> "grande.gif" or rs("foto5") <> "grande.gif" or rs("foto6") <> "grande.gif" then%>
                              <tr>
                                <%if rs("foto4") <> "grande.gif" then%>
                                <td height="60" align="center" class="home-box"><img onClick="view_prod('produtos/foto4/media/<%=rs("foto4")%>');" style="cursor:pointer" src="produtos/foto4/media/<%=rs("foto4")%>" width="50" /></td>
                                <%end if%>
                                <%if rs("foto5") <> "grande.gif" then%>
                                <td align="center" class="home-box"><img style="cursor:pointer" onClick="view_prod('produtos/foto5/media/<%=rs("foto5")%>');" src="produtos/foto5/media/<%=rs("foto5")%>" width="50" /></td>
                                <%end if%>
                                <%if rs("foto6") <> "grande.gif" then%>
                                <td align="center" class="home-box"><img style="cursor:pointer" onClick="view_prod('produtos/foto6/media/<%=rs("foto6")%>');" src="produtos/foto6/media/<%=rs("foto6")%>" width="50" /></td>

Compartilhar este post


Link para o post
Compartilhar em outros sites

nao entendi muito bem a sua duvida, muito menos o codigo que você postou

 

lightbox é simples... é apenas um js com css

 

a unica coisa em asp que precisa é um loop pra montar as imagens e os links - ja que vem do bd

 

 

 

 

o que você quer realmente?

 

mudar esse que você tem por um outro lightbox? ao que parece este so abre uma pop

 

se for isso, recomendo ajaxrain.com, la você encontra muitos lightbox's prontos pra rodar

Compartilhar este post


Link para o post
Compartilhar em outros sites

boa noite OF Serpent... se for so incrementar a galeria lightbox é bem simples.

 

primeira coisa voce tem que fazer o select para selecionar todas as fotos e fezer o loop.

 

SELECT * FROM FOTOS
o loop eu faço da seguinte forma

<%
while Variavel.eof=false
%>
<img src="img/<%=Variavel("FOTO_MINI")%>" />

<%
Variavel.movenext
wend
%>
Mas existem outras formas de fazer este loop, é so da uma pesquisada ae no forum.

 

Feito o loop voce tem que transformar as imagens mostrada em links. No endereço do link

href=""
voce vai colocar o caminho da foto grande e a variavel que resgata o nome da foto grande, no caso
<%=Variavel("FOTO_GRANDE")%>
e incrementar no link da imagem os atributos para funcionar a galeria lightbox.

<%
while Variavel.eof=false
%>
<a href="img/<%=Variavel("FOTO_GRANDE")%>" rel="lightbox[roadtrip]">
<img src="img/<%=Variavel("FOTO_MINI")%>" />
</a>
<%
Variavel.movenext
wend
%>

Obs*, eu repeti o codigo da imagem duas vezes, o primeiro exemplo foi como mostrar todas as imagens pequenas e o segundo é a galeria já funcionando.

 

 

Se for isso que você quer está ai

Compartilhar este post


Link para o post
Compartilhar em outros sites

ele gera algum erro ????

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.