GoConqr has a new look! Let us know what you think.

Module 13 of 21 · Media

Create a carousel with handlers

Kostas Diakogiannis

Create a carousel with handlers

DOM-4 Create a photo-carousel 

Create a photo carousel section. The carousel must be comprised of at least 4 photos and normally moves from the left side to the right.

Use two arrow handlers to the left and to the right. Feel free to put your photos there.

Bear in mind: When you want to grab multiple elements together you can use the document.querySelectorAll function that returns an ARRAY of elements. Then to apply your changes you must LOOP through each array's element and apply the changes for it as you learned in the arrays section.

Hint: Every time you click one of the handlers you may want to move all the photos a specific amount of px (or %, or whatever you want) to the specified direction.

See the full action here

Instructions

You must submit an attempt for this quiz to progress. You can submit it after the last question.

Go to the chosen module

Feedback

What is it about?

What do you think of the new look?

How do you like it?