JavaScript Events · Lesson 16 of 20

Space Bar Slideshow

Lesson 16 · 🖼️ Space Bar Slideshow

Press the space bar to step through three pictures.

0 / 10

1
Type this next
Type var srcs = ['lion.png', - make an array srcs of picture names, starting with the lion…
2
Type 'cat.png', 'monkey.png']; - …then the cat and the monkey
3
Type var img = $('img'); - make a variable img that holds the picture on the page
4
Type var i = 0; - i says which picture is next, starting at 0
5
Type $(document).keypress(function(e){ - when a key is pressed on the page, run this function
6
Type if(e.which == 32){ - check whether it was the space bar (number 32)
7
Type img.attr('src', srcs[i]); - show the picture at spot i in the array
8
Type i = (i + 1) % 3; - move on to the next picture - % 3 goes back to 0 after the last one
9
Type } - end the if
10
Type }); - end the keypress function - click the page, then press space

Your code · JS

Type var srcs = ['lion.png', - make an array srcs of picture names, starting with the lion…

Your page

📄 Untitled

🔒 www.my-codemoji-page.com