Changer d’image en appuyant sur les touches fléchées

Je ne travaille qu’avec JavaScript et la programmation en général depuis environ un mois et je suis tombé sur un problème auquel je ne trouve pas de solution. Alors je suis là. J’ai créé une galerie dans laquelle vous pouvez cliquer sur de petites images pour les agrandir dans une nouvelle “fenêtre” (il s’agit simplement d’une div placée au sumt de la page) pour une meilleure vue de l’image.

Et voici la partie la plus délicate. Je veux pouvoir changer d’image lorsque j’appuie sur les touches fléchées. Par exemple, si j’appuie sur la flèche droite de mon clavier, je souhaite que l’ancienne image soit masquée et que la deuxième image en ligne soit fondue.

Voici le code pour appuyer sur les touches fléchées:

function onKeyPress(e) { if (e.keyCode == 37) { lastImage.hide(); indexNum--; $("#zoomImage img").attr('src', picSrc[indexNum]).fadeIn(); } if (e.keyCode == 39) { lastImage.hide(); indexNum++; $("#zoomImage img").attr('src', picSrc[indexNum]).fadeIn(); } } 

Et voici le code pour les variables:

 lastImage = $(#zoomImage img"); //The last picture shown) var picSrc = ["img1.png", "img2.png", "img3.png"];