Lightbox dentro de outro Javascript não funciona
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
Discussão (1)
Carregando comentários...