Storyline: Company History Carousel - Downloads

5,845 Downloads

Go back in time with this history carousel interaction. You can swap out the images and edit the fonts and colors to match your company’s brand or to tell your own story.

Explore this project.

This template will work for folks using Storyline 360, the continuously updated version of Storyline included in Articulate 360. Want to try it out? Get a free trial of Articulate 360 right here.

41 Comments

LaVon Bowman

over 3 years ago09/14/20 at 4:00 pm (UTC)

Sarah, I am using Articulate Storyline 360. I downsized this carousel file to fit within a course (720 x 405.) and now both the left and right buttons stay available and so the learner can advance past images on both the right and left side. I have tried to fix this but cannot find what is causing the problem. Can you help?

over 3 years ago09/14/20 at 4:48 pm (UTC)

Hi LaVon! So sorry that is happening! Can you share your file so I can take a look? I changed my story size to match yours and the buttons still hide/appear. Here's an image of the triggers I used for the arrow buttons to hide/appear. Do your triggers match? https://drive.google.com/file/d/1_1Y-UnOO6cF9XvtbfrY2RZXpQacfoyzM/view?usp=sharing

LaVon Bowman

over 3 years ago09/14/20 at 5:09 pm (UTC)

Yes, they do match. When I click on the link I am not able to share my file. Is there another way?

LaVon Bowman

over 3 years ago09/14/20 at 5:11 pm (UTC)

I did also post this on Articulate in a discussion area and I uploaded the file there as well. https://community.articulate.com/discussions/articulate-storyline/how-to-create-a-carousel-slide-in-articulate-360#reply-701132

LaVon Bowman

over 3 years ago09/14/20 at 5:15 pm (UTC)

All I did was change the format size to 720 x405 and the color of the text box. Nothing else. Changing the size is what broke it I think but I cannot see where or what it did.

over 3 years ago09/14/20 at 5:24 pm (UTC)

Hey Lavon! Thanks for sharing the link to your uploaded file! It looks like the text box moved up so it's not intersecting with the images. A quick fix would be to select Group 4, then hold CTRL and click the down arrow twice to move the group of text down. I hope that helps!

over 3 years ago09/14/20 at 5:28 pm (UTC)

If you want the text to stay in the exact same place, then just select all the text boxes in group 4 by clicking CTRL and using your mouse to select each one so you can edit them all at once. Then right click>Format Shape>Text Box and then edit both the Top and Bottom to be 15px. That should make the text box bigger so it intersects. Just another option. 🙂

LaVon Bowman

over 3 years ago09/14/20 at 5:44 pm (UTC)

Thank you for your help. Your explaination worked. I appreciated your design and your help. LaVon

over 3 years ago09/14/20 at 5:45 pm (UTC)

Glad it worked, LaVon! Happy to help. 😊

over 2 years ago10/19/21 at 10:28 pm (UTC)

Love this! So glad I came back to find out how to fix the same issue as LaVon. Thanks for the great template

David Porter

over 3 years ago09/15/20 at 5:14 pm (UTC)

Neat and clean design. Thank you for sharing!

over 3 years ago09/15/20 at 9:10 pm (UTC)

Thanks David! 🙂

Katie Smith

over 3 years ago09/15/20 at 5:42 pm (UTC)

Very cool design! I'm already thinking of different ways to apply this design. Thanks for sharing!

over 3 years ago09/15/20 at 9:10 pm (UTC)

Thanks for the kind words, Katie!

Jill Kasper Krueger

over 3 years ago09/15/20 at 8:57 pm (UTC)

Love this - but I'm wondering how I can get a button for Next to appear on the slide once the final image/text box display - I don't like to use the Properties ones.

Sarah Hodge
Author
Jill Kasper Krueger

over 3 years ago09/15/20 at 9:15 pm (UTC)

Thanks Jill! Totally doable. Since the right button hides after it gets to the last image, you'll need to create your own custom Next button and under the States tab, set the initial state to hidden. https://drive.google.com/file/d/1lcTNBgTk3Wlmq1EtMt5Af2zP5r7md0T3/view?usp=drivesdk Then add a trigger to change the state of the button to Normal when the state of the right arrow is hidden. Here's an image of the trigger for reference. I hope that helps! https://drive.google.com/file/d/1X-KjypNcFaHEjhoL1k4VUmuvltYT54-3/view?usp=drivesdk

over 3 years ago09/16/20 at 2:04 pm (UTC)

Thank you so much! That worked perfectly. I was trying everything - I missed the group 2 piece. Wonderful interaction. Thank you so much for making it and for the assistance.

Sarah Hodge
Author
Jill Kasper Krueger

over 3 years ago09/16/20 at 2:39 pm (UTC)

Happy to help, Jill! 😊

almost 3 years ago07/09/21 at 5:22 pm (UTC)

Hi Jill! I tried to add a "next" button and followed your instructions above. Unfortunately, when previewing the slide, the next button still does not show. I don't know what I'm doing wrong. :(

8 months ago08/09/23 at 2:11 pm (UTC)

Hi Sarah! Wonderful template. Could you please elaborate more on how can we insert an image and the next button, in order to have more images?

Karyn Jones

over 3 years ago09/17/20 at 12:29 am (UTC)

Great, as always, Sarah!

Rachna Ghiya

over 3 years ago09/17/20 at 6:29 am (UTC)

Hey Sarah, This looks pretty good. I am wondering a few things : How did you manage to make such beautiful arrows using the free form? How did you manage to stop the slide while working with the same line motion path? This is such a great use of intersection. I am still decoding this :)

over 3 years ago09/21/20 at 2:02 pm (UTC)

Hi Rachna! I imported the arrows from Content LIbrary 360 then grouped the arrows together with a shape. To make the slide stop for each image, I used Relative Start Point. If you're interested, I wrote an article a little while back about working with motion path animations. It's tip #7: https://community.articulate.com/articles/7-pro-tips-for-working-with-motion-path-animations-in-storyline-360 Hope that helps!

over 3 years ago09/22/20 at 4:41 am (UTC)

Thanks Sarah. Appreciate your help :)

Carlito Tomas

over 3 years ago09/29/20 at 9:24 pm (UTC)

This is very cool! Thank you so much for sharing.

Jean Keating

over 3 years ago10/16/20 at 11:35 am (UTC)

Fab I have downloaded and am trying to adjust to fit my own needs. This is a big leap in my skills and will have lots of issues. I am currently trying to add a quiz to the last page. I am sure I will be reaching out with several support tickets, but it will be worth it as I love the design. Tks, Jean

Olivier Nourry

over 3 years ago10/26/20 at 3:48 pm (UTC)

Thanks a lot for this great interaction...I really like how everything slides! I'd like to use it to tell my company's story but 5 elements won't be eneough. Did anyone ever tried with 10+ (or even 20?). I must admit that i struggle a lot with the animation trajectories, hard to recreate them with the new groups of items i had to create. Did anyone ever tried to add some elements on this carrousel? Any tips on how to succeed? Thanks a lot!

Christine Hooft

over 3 years ago11/14/20 at 9:53 pm (UTC)

Hallo Sarah Kan je me alsjeblieft helpen. De foto's stromen niet goed. Elke keer als ik de eerste foto weer zie beweegt het een beetje naar rechts, maar als ik weer klik op de juiste knop zie ik foto weer en beweegt het weer een beetje naar rechts. Ik hoop dat je me kan helpen. Christine

Kimberly Matson

over 3 years ago11/19/20 at 1:49 pm (UTC)

This is great Sarah - thank you!

Phil Halson

over 3 years ago12/15/20 at 6:06 pm (UTC)

This is gorgeous. Thank you

Helene Praetorius Naurin

over 3 years ago12/16/20 at 7:35 am (UTC)

I love this! Just what I was looking for, and your article about motion paths is so great. I am so thankful that you have shared this!

W Gill

almost 3 years ago07/14/21 at 4:11 am (UTC)

Hi Sarah, This is great. Thanks for sharing. I'm trying to deconstruct it so I can add more "Text Boxes" and more "Pictures" I un-grouped everything, added the additional elements and then regrouped. I made sure to copy the precise dimensions of the motion path and made sure the correct motion paths are associated with either the Text Box or the Picture. I made sure to set relative start point as well. When I try to use the arrow buttons, nothing is smooth, pictures and text boxes stop midway through the motion and won't align with the stage. In fact, the smooth out of 2015 (in yours) actually just disappears on mine. I am not sure what I am doing wrong where the motion paths aren't working as expected in yours. Any thoughts? Thank you so much.

SKILD Solutions

over 1 year ago07/23/22 at 12:10 pm (UTC)

When clicking on the images arrow, there is a gap between the images please give me solution

Tabo Mwangelwa

1 year ago03/03/23 at 7:43 am (UTC)

Thanks Sarah! This is really helpful. Your creativity is amazing.

Ramiro Contreras

10 months ago06/15/23 at 8:34 pm (UTC)

So awesome! Thanks so much for this!

Sam B

3 months ago01/18/24 at 10:30 am (UTC)

Hi everyone ! I'm trying to replicate this awesome carousel, but it seems that I'm stuck! The motion are not smooth, can I have some help from you guys?

Rosie Batty

23 days ago03/27/24 at 1:06 pm (UTC)

Hello, Has anyone added audio to this slide? I'm hoping to have the bottom box read when the image in in the center over the corresponding text. Thank you.

14 days ago04/05/24 at 5:48 pm (UTC)

Hi Rosie, I'm also trying to add audio like you so it can read the bottom box for each image. Have you figure it out yet? Thank you!

14 days ago04/05/24 at 5:55 pm (UTC)

Hello, No I didn't unfortunately. What I did was changed it to layers and used the animations to mimic the motions paths of the titles and photo with the bottom box. It does have the look effect as the carousel which is what drew me to this slide. If time permits I may come back to it so see if there's something I missed. But I tried states, and stopping media everything I could think of. Good luck!

14 days ago04/05/24 at 6:02 pm (UTC)

Thank you for sharing! I was thinking I might do something with layers if all else fails so your solution was helpful! If I find a solution, I'll post it.

Rosie Batty

23 days ago03/27/24 at 6:18 pm (UTC)

Hello, Has anyone added audio to this slide? I'm hoping to have the bottom box read when the image in in the center over the corresponding text. Thank you.