[javascript] ¿Cómo puedo mostrar en pantalla determinada cantidad de imágenes?

[.:Xx4NG3LxX:.]

Saludos! He regresado una vez más con una duda con respecto a javascript.

Verán...

- Estoy intentando hacer un juego didáctico para mis hermanos pequeños, el juego consistirá en que al dar click en jugar salga la pantalla de juego. Lo de dar click y mostrar la pantalla de juego está hecho.

Ahora, lo que quiero saber es como hacer para que al hacer click en el botón "Jugar", haga una especie de carga (innecesaria, pero por darle "profesionalismo"). Y que al terminar dicha carga o pausa, muestre un número fijo (determinado) de imágenes.

En el caso de mi pequeño juego, tengo las imágenes de cada una de las letras del abecedario (27 imágenes) en la misma ruta claro está...



Ya después de esto vendría darle una función a cada letra (imagen) para que muestre una imagen que empiece por dicha letra al hacer click, pero ese es otro tema... Muchísimas gracias por tomarse la molestia....

Thank You So Much..!!

[@XSStringManolo]

Para el timer usa setTimeout(referencia, tiempo);

Ej:

Código (javascript) [Seleccionar] Expandir

function LoadWeb() {
 var noVisibles = document.querySelectorAll(".noVisiblesAun");
 for(var i = 0; i < noVisibles.length; ++i) {
   noVisibles[i].display = block;
   noVisibles[i].className = "yaVisible";
 }
}

setTimeout(LoadWeb, 30000);


A mi eso de meter cargas innecesarias profesional no me parece xD.

Para un abecedario no te recomiendo usar 27 imágenes.
Usa 27 letras y les pasas CSS, así te ahorras pedir 27 imágenes a un servidor (tu app ya no es offline) o andar con ellas por ahí, o llevando trabajo pasándolas a b64 para incrustar.

[.:Xx4NG3LxX:.]

Claro, gracias pruebo y te aviso...