contrôle touche clavier pour affichage des images

[ghyosmik]

Bonjour,

En fait, le script ci-dessous, me fait basculer entre les image {1..16} Avec les touches a et z******/
/***a pour Next z pour previous*****/!
Ce que je cherche à faire maintenant,
1/ Dés chargement de la page, je ne veux aucune image affichée, et suite à des touches a, je charge les images une par une, jusqu'à la derniere, où je bloque le boucle.

2/ Entre les clicks sur les touches, je veux mettre un chrono timing, si je dépasse 2s sans rien cliquer (ni a ni z) l'image affiché doit se disparâtre!

Je sais pas comment faire bloquer un boucle, ainsi intégrer le timer

Merci d'avance pour votre aide

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
function ImgViewer(e){
 
    var evtobj=window.event? event : e //distinguish between IE's explicit event object (window.event) and Firefox's implicit.
 
    var unicode=evtobj.charCode? evtobj.charCode : evtobj.keyCode
 
    var actualkey=String.fromCharCode(unicode)
 
    if (actualkey=="a"){
 
 
 
       $(".slideshow img:nth-child("+count+")").hide();
 
       count++;
 
       if (count == ($(".slideshow img").size()+1 )) {
 
        count = 1;
 
       }
 
       $(".slideshow img:nth-child("+count+")").show();
 
 
 
    } else if (actualkey=="z"){
 
         $(".slideshow img:nth-child("+count+")").hide();
 
        count--;
 
        if (count == 0) {
 
          count = $(".slideshow img").size();
 
   	}
 
        $(".slideshow img:nth-child("+count+")").show();
 
 
 
 
 
    }
 
}
 
document.onkeypress=ImgViewer