@synqro/infinite-logo v1.0.4

@synqro/infinite-logo

Create a seamless infinite scroll banner in Webflow to showcase logos or text with customizable speed, direction, and hover pause functionality.

Installation

1. Add the following script to your Webflow project:

   <script src="https://cdn.jsdelivr.net/npm/@synqro/infinite-logo@1/dist/index.min.js"></script>

2. Create the HTML structure in Webflow

   <div class="banner-container">
     <div class="banner-list">
       <img src="logo1.png" alt="Logo 1" />
       <img src="logo2.png" alt="Logo 2" />
       <img src="logo3.png" alt="Logo 3" />
       <!-- ... -->
     </div>
   </div>

3. Add this custom attribute to the banner-list div:

   Attribute	Value
   sl-banner-list	infinite-logo
   sl-banner-speed	30 (seconds)
   sl-banner-direction	left right
   sl-banner-hover	true false

4. Publish your Webflow project