how to code image gallery using javascript + keyboard shortcuts to control

Veröffentlicht am: 28 November 2024
auf dem Kanal: webco programming
65
4

image gallery with keyboard shortcuts using HTML, CSS and vanila javascript witch we are going to have gallerry showing of the images and when we click on each of them we are going to see that image in larg scale and in preview screen and we will have 3 buttons of close, next and previous buttons with infinity loop of going to nextt and previous one
and we will have keyboard shortcuts to control the webpage as we want

source code on git hub : https://github.com/mehdi-Jafarzadeh/i...

I will be thankful if you write me your question or opinion about the video in the comments

0:00 what we building
1:03 files
2:28 Html - gallery
3:30 CSS - style gallery
8:30 preview Html
9:20 buttons Html
10:10 preview css
12:37 buttons css
16:05 javascript
24:20 close functionality
25:56 next button
30:40 infinite loop
31:39 prev button
33:12 add keyboard shortcut


Auf dieser Seite können Sie das Online-Video how to code image gallery using javascript + keyboard shortcuts to control mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer webco programming 28 November 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 65 Mal angesehen und es wurde von 4 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!