Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia pessoal!
Estou criando uma galeria de imagens em DHTML e queria que as miniaturas da imagens que estão em uma lista abrisse em um pop-up, com javascript não-obstrusivo.
pra abrir as imagens, fiz da seguinte forma:
galeria.htm
CODE
<div id="Conteudo">
<h1>Galeria</h1>
<h2>Imagens <br />
<span class="txtAmplia">Clique nas imagens abaixo para ampliar</span></h2>
<div class="miniaturas">
<ul>
<li>
<a href="imagens/grande/01.jpg" class="popup" rel="670" rev="430" title="Titulo da Imagem">
<img src="imagens/01.jpg"/>
<p>Imagem 1</p> <!-- Legenda da Imagem -->
</a>
</li>
<li>
<a href="imagens/grande/02" class="popup" rel="670" rev="430" title="Titulo da Imagem">
<img src="imagens/02.jpg"/>
<P>Imagem 2</P> <!-- Legenda da Imagem -->
</a>
</li>
</ul>
</div>
</div>
pop-up.js
CODE
function doPopups() { if (!document.getElementsByTagName) return false;
var links = document.getElementsByTagName("a");
for (var i=0; i < links.length; i++) {
if (links*.className.match("popup")) {*
* links**.onclick = function() {*
* var janela = window.open(this.href,'','height=' + this.rev + ', width=' + this.rel);*
* return false;*
}
}
}
}
window.onload = doPopups;
PROBLEMAS:
1-
*Até aí, funciona perfeitamente, so que eu queria que o codigo html ficase mais limpo, como ja tenho uma **Div que é bisavó (se é que existe bisavó) da tag a e esta div tem como class="miniaturas", queria que o javascript fizesse referencia à classe da DIV e nao do link**, assim sendo, nao precisaria colocar classe nos links, caso tenha 200 imagens, como tem que ser tudo em paginas estáticas, evitaria colocar uma classe em cada link...*
2-
Quero que a janela do pop-up, abra centralizada na tela...
não sei se é possivel, mas aproveito este post...
3-
*É possivel fazer com que o pop-up abra no tamanho real da imagem grande, sem precisar dizer qual o tamanho dela no html (estou especificando os tamanhos nos astributos **rel e rev da tag a**)?*
se for possivel, tenho certeza economizarei horas verificando no windows explorer, ..(modo exibir detalhes, e digitar a largura e o comprimento de todas as imagens).. gente, pra ser sincero, isto é uma chatice.....
Acredito que estas dúvidas não são so minhas...
Espero que tenha sido claro...
Aguardo respostas,
Abraços a todos
Carregando comentários...