Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>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 FOTOSo 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>**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
ele gera algum erro ????
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