Streaming live at 10am (PST)

How can I make my slider continuously rotate?

#1

I would like for the logo slider in the retailer sections of my site to continuously rotate smoothly from right to left. Right now it is just changing like a normal slider. Is this possible?

https://preview.webflow.com/preview/potters-cannabis-co?utm_source=potters-cannabis-co&preview=ae8f9ca2cbdcf6adce33863afdff0201

1 Like
#2

You control the behavior of the slide with the Animation Type settings.

CloudApp

#3

That is where I am but I cant make it move continuously like a carousel.

1 Like
#4

Yours is set to Fade not slide

1 Like
#5

Yes, sorry, I have it on fade right now because I cannot achieve the desired slide affect I want. It is hard to explain so here is an example on another site: https://torreyholistics.com/
If you scroll down you can see the brand slider only moves one logo at a time. Is it possible to achieve this in Webflow?

1 Like
#6

Is this what you are after?

edit: ah, I understood, you want to slide only one item at a time with multiple visible at the same time, correct?

#7

Exactly, It would be even better if I could get a VERY slow continuous slide that never stops. Either works for me, I have been stumped for some time on this haha

1 Like
#8

You don’t really need a slider for this. Just create a row of items and animate their perpetual motion with interactions.

#9

The problem that I run into is, how do I fit all 18 in a row before I can start the animation since only 5 show at a time?

#10

With absolute positioning. Or what exactly do you mean by “fit”?

#11

I don’t know how to lay all of the photos sides by side because there are 18 of them. To get around this I tried to make a CMS List with all of the brand logos but I cannot get that to move horizontally either, they just show up in a grid and not side by side(see pic) I thought this was an overflow problem but I messed with the overflow settings didn’t change anything.

#12

Why do you want all 18 to show up in a row?

You would need an extremely large screen to see them all anyways.

#13

Well only 5 of the logos would be visible at a time and the remainder would be out of view until they rotated into view from the right like on this site: https://torreyholistics.com/

Does this make sense?

#14

Yes it does. But you will need some custom code for the single image slide and rest view.

Here try this: https://www.solodev.com/blog/web-design/adding-an-infinite-client-logo-carousel-to-your-website.stml

You can keep the images in CMS and use the embed feature and add the links from CMS where is asks for image source, rather then using an external image host service or adding all and getting the link from Webflow Assets panel. However you choose. You can choose how images show.

Looks like this will work for you tho. Follow instructions.

Let me know how this works for you?

#15

You are a legend! Thank you so much man. I have it working I just need to edit the sizing and center the alignment!

1 Like