Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
Carregando comentários...