Ir para conteúdo

POWERED BY:

Arquivado

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

Alex_ps

Lightbox dentro de outro Javascript não funciona

Recommended Posts

Oi amigos,

 

Horas atrás postei uma pergunta tentando encontrar um caminho para colocar algum script tipo ligthbox dentro de outro script.

Descobri como colocar mas infelizmente o lightbox só funciona na fotografia inicial, ou default.

À partir daí, apesar de seguir absolutamente o mesmo código/link, a imagem em tamanho grande passa a abrir uma nova página.

Alguém faz alguma idéia do porque disso?

Segue o código:

 


<html>
<head runat="server">
<link rel="stylesheet" href="thumbnailviewer.css" type="text/css" />
<script src="/js/thumbnailviewer.js" type="text/javascript"></script>
<script type="text/javascript">
function AlterarConteudo(y) {
   var divTeste = document.getElementById('divTeste');
   if (y == 1) { divTeste.innerHTML = '<a href="/imagens/cadastro-de-clientes.jpg" rel="thumbnail"><img src="ShowFotografias.aspx?img=cadastro-de-clientes.jpg&w=150&h=156" border="0">' }
   if (y == 2) { divTeste.innerHTML = '<a href="/imagens/cadastro-de-processos.jpg" rel="thumbnail"><img src="ShowFotografias.aspx?img=cadastro-de-processos.jpg&w=150&h=156" border="0">' }
   if (y == 3) { divTeste.innerHTML = '<a href="/imagens/andamento-dos-processos.jpg" rel="thumbnail"><img src="ShowFotografias.aspx?img=andamento-dos-processos.jpg&w=150&h=156" border="0">' }
   if (y == 4) { divTeste.innerHTML = '<a href="/imagens/prazos-dos-processos.jpg" rel="thumbnail"><img src="ShowFotografias.aspx?img=prazos-dos-processos.jpg&w=150&h=156" border="0">' }   
   if (y == 5) { divTeste.innerHTML = '<a href="/imagens/pesquisa-de-processos.jpg" rel="thumbnail"><img src="ShowFotografias.aspx?img=pesquisa-de-processos.jpg&w=150&h=156" border="0">' }
   if (y == 6) { divTeste.innerHTML = '<a href="/imagens/graficos-dos-processos.jpg" rel="thumbnail"><img src="ShowFotografias.aspx?img=graficos-dos-processos.jpg&w=150&h=156" border="0">' }   
   if (y == 7) { divTeste.innerHTML = '<a href="/imagens/agenda-de-compromissos.jpg" rel="thumbnail"><img src="ShowFotografias.aspx?img=agenda-de-compromissos.jpg&w=150&h=156" border="0">' }
   if (y == 8) { divTeste.innerHTML = '<a href="/imagens/controle-de-contas.jpg" rel="thumbnail"><img src="ShowFotografias.aspx?img=controle-de-contas.jpg&w=150&h=156" border="0">' }   
}
</script>
</head>
<body>
<div id="divTeste">
<a href="/imagens/cadastro-de-clientes.jpg" rel="thumbnail"><img src="ShowFotografias.aspx?img=cadastro-de-clientes.jpg&w=150&h=156" border="0">
</div>
<a href="javascript:void(0)" onclick="AlterarConteudo(1);">1</a> 
<a href="javascript:void(0)" onclick="AlterarConteudo(2);">2</a> 
<a href="javascript:void(0)" onclick="AlterarConteudo(3);">3</a> 
<a href="javascript:void(0)" onclick="AlterarConteudo(4);">4</a> 
<a href="javascript:void(0)" onclick="AlterarConteudo(5);">5</a> 
<a href="javascript:void(0)" onclick="AlterarConteudo(6);">6</a> 
<a href="javascript:void(0)" onclick="AlterarConteudo(7);">7</a> 
<a href="javascript:void(0)" onclick="AlterarConteudo(8);">8</a> 
</body>
</html>

Já retirei o código ASP.Net do meio e o erro é o mesmo.

Agradeço qualquer sugestão.
Muito obrigado.

Alex

Compartilhar este post


Link para o post
Compartilhar em outros sites

Por que o lightbox usa uma função chamada OnReady(ou load) e só adiciona os eventos clicks as imagens quando a página é carregada, se a imagem não existir ainda não tem como ele adicionar o evento click, entendeu? Portanto a cada vez que chamar a função AlterarConteudo você deve chamar o evento do lightbox que adiciona os EVENTOS "click", entendeu amigo?

 

Imagem Postada

 

Atenciosamente Silverfox

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.