How to Use the Script:

  1. Copy the script and paste it just before the closing </body> tag. <script async src="https://cdn.jsdelivr.net/gh/jeminids/webflow-codes@autoplay-logo_v1.0/autoplay-logo.min.js"></script>
  2. There are 3 attributes, data-time=x, data-client=target & data-client=source
  3. Create the list logos and add attribute data-client=target & data-time=x. Replace 'x' with the speed of the logo change animation in milliseconds (e.g., 3000).
  4. Create collection list, add image, pull the data from the CMS and add data-client=source attribute to the Collection Item, not the Collection List Wrapper. This attribute acts as the source.
  5. It's done 🎉