Adding an Infinite Client Logo Carousel to your Website


Showing off your roster of clients is one of the best ways to establish your credibility as a business or organization online...

Adding an Infinite Client Logo Carousel to your Website

Showing off your roster of clients is one of the best ways to establish your credibility as a business online. In Part II of our Slick Slider Series, we show you how to add a carousel of your client's logos to your website using Slick Slider by Ken Wheeler. At Solodev, we like Slick Slider due to its robust configuration options and mobile responsiveness as displayed by Slick Slider's ability to showcase an infinite loop of client logos in a modern and stylish manner.

If you missed Part I of our Slick Slider Series, we went through the process o adding a hero slider using Slick Slider. Below is the code and styling you need to add an infinite carousel of client logos to your website. Enjoy.

Below is the HTML, CSS, and JavaScript required.

Step 1 - Add the HTML below to where you'd like the carousel to populate on your website


Step 2 - Download the CSS below and include it in your website

infinite-slider.css

Step 3 - Add the JavaScript below to a file called carousel.js


Step 4 - Add the following includes to the web page your carousel is on

In this article, Solodev showed you how to create and add an infinite customer logo carousel to your website. Swap out the logos make it your own!

Author

Matthieu McClintock
Contributions Editor here at Solodev. Want to be featured on the Solodev Blog? Get in touch.
Follow me on Twitter

Get started today

Join people and businesses across the globe that trust Solodev.

We never share your information with anyone. Learn more

We use cookies to provide and improve our services. By using our site, you consent to cookies.