JavaScript Functions · Lesson 15 of 21

Slideshow

Lesson 15 · 🖼️ Slideshow

Put three pictures in an array and show a new one every 2 seconds.

0 / 10

1
Type this next
Type var pics = []; - make an empty array called pics
2
Type pics.push('lion.png'); - push adds the lion picture to the array
3
Type pics.push('cat.png'); - add the cat picture
4
Type pics.push('dog.png'); - add the dog picture
5
Type var img = $('img'); - make a variable img that holds the picture on the page
6
Type var count = 0; - count says which picture to show, starting at 0
7
Type setInterval(function(){ - run this function over and over
8
Type img.attr('src', pics[count]); - show the picture at spot count in the array
9
Type count = (count + 1) % 3; - move to the next picture - % 3 goes back to 0 after the last one
10
Type }, 2000); - end the function - run it every 2 seconds

Your code · JS

Type var pics = []; - make an empty array called pics

Your page

📄 Untitled

🔒 www.my-codemoji-page.com