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

Por , em Javascript

Recommended Posts

Alex_ps    0

Alex_ps
Postado

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

brcontainer    16

brcontainer
Postado

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
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito