Isso é realmente estranho e deve ser simples.

Eu tenho uma matriz de imagens dentro de um tags dentro de um div, por exemplo:

<div id="images">
<a href="#"><img src="img1.jpg"/></a>
<a href="#"><img src="img2.jpg"/></a>
<a href="#"><img src="img3.jpg"/></a>
</div>

Eu quero esconder todos eles, mas percorrer e mostrar o enésimo, então eu criei este script de estilo deslizante de imagem:

var atags = $('#images').children().length;

$('#images').children().hide();

$('#images a:first').show();

var i=0

while (i <= atags){

$('#images').children().delay(4000).hide();

$("images:nth-child(" + i + ")").show();

i = i + 1;
}

A questão é que nenhuma outra tag, apesar do primeiro lado do loop, é exibida. Todos eles permanecem escondidos apesar do .show (). Parece a linha$("images:nth-child(" + i + ")").show(); simplesmente não funciona.

Alguém pode me apontar na direção certa com isso?