contrôle touche clavier pour affichage des images
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 |
