Skip to main content
Participant
October 8, 2021
Answered

Having problems with auto-animate for a slider

  • October 8, 2021
  • 2 replies
  • 2491 views

I'm trying to create a hero slider for my project. I followed Adobe's tutorial for a carousel, and the first time I linked everything up in prototype, two of the pages animated a left slide like they were supposed to, while the third did a transition. I double checked all of my setting and all of the paths were set to Auto-Animate, time trigger, 5 sec delay, ease out (you can see this in the attachment). I couldn't find any difference between the slides, so I did some googling and saw that sometimes grouped items don't play well with auto-animate, so I made all of the slides components and named them all the same as well (as that was mentioned multiple times as a problem too). Now NONE of the slides will auto-animate, even though all the settings are the same, they simply transition, as you can see below. I've also tried setting them all to Transition with the Slide Left animation, but that causes the entire page to animate, rather than just the hero slider. What's causing the Auto-Animate to not work?

 

My current result:

 

 

This topic has been closed for replies.
Correct answer AkinGn

And it worked, sorry I wrote a reply yesterday also but the link I shared must have been perceived as spam or something so I uploaded the sample file to dropbox, hope this reply stays 🙂 https://www.dropbox.com/s/w234462t9n9hl10/carousel-test-file.xd?dl=0 

2 replies

Spas K.
Community Expert
Community Expert
November 4, 2021

Can you please post a screenshot of your artboards in Xd, with the layers panel visible and the animated element selected in the Prototype tab? Just so we can see how your elements are positioned on each artboard and how it's all set up.

 

If you can send the .xd file, that would be even better (if it won't upload here, upload it to a cloud service like dropbox or google drive, and share the link). In case it's confidential, feel free to send it via PM as well.

 

 

AkinGn
Community Expert
Community Expert
November 4, 2021

Hi Spas, thanks for the suggestion about using some comon service to upload the file like dropbox, google drive etc 🙂

AkinGn
Community Expert
Community Expert
November 3, 2021

Hi Souverian, I tried to simulate the issue by creating 3 slides, placing them next to each other, grouping and making a component out of them, masking them into size of one slide, and sliding them in each artboard. 

SouverianAuthor
Participant
November 4, 2021

And what happened?

AkinGn
Community Expert
AkinGnCommunity ExpertCorrect answer
Community Expert
November 4, 2021

And it worked, sorry I wrote a reply yesterday also but the link I shared must have been perceived as spam or something so I uploaded the sample file to dropbox, hope this reply stays 🙂 https://www.dropbox.com/s/w234462t9n9hl10/carousel-test-file.xd?dl=0