From the course: Prototyping a WordPress Project in Adobe XD

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Draggable carousel

Draggable carousel

From the course: Prototyping a WordPress Project in Adobe XD

Start my 1-month free trial

Draggable carousel

- [Instructor] The next animation example I have to share with you is a draggable carousel. So here, I have a number of images, and I can actually click, hold, and drag my mouse to advance to the next slide. And this goes in both directions. So again, this is something that mimics a behavior that you might commonly find on a website where you're displaying images. Let's go into XD and find out how we can create this. All right, my file consists of a repeat grid that I set up and I just placed a couple images into the repeat grid. I went into my Layer panel and I gave this repeat grid item a name of Divers, and that's just to help keep my file a little bit more organized. So to set this file up, we're going to make copies of the art board. So I'll just make three copies. And I'm going to give each art board its own unique name. So once I've created it, I'll just rename it accordingly, and we'll just give them the very unique…

Contents