Infinite Logo Slider - Full Tutorial (JavaScript)
Learn to build an infinite logo slider!
This slider is special - you can reuse it in any website by adding just a few lines of code!
You will learn how to build a reusable JavaScript class that you can customize any way you want!
That means you won't have to copy all of the HTML or CSS - it's all part of your slider class!
This slider will move to the left and create an infinite loop effect.
You can adjust speed, look, and feel with a few simple changes in your config file.
Intrigued to learn more? Then dive right in!
If you did like this video, please leave a like and subscribe to the channel!
Thank you and enjoy 😊
Github repo: https://github.com/thecodingloft/infi...
Sections:
00:00 Introduction
00:52 Project Setup
01:45 Creating the Infinite Slider Class
03:34 Slider HTML Overview
05:29 Creating the Slider Config Object
07:54 Setting Constructor Variables
11:30 Setting the Outer Container
12:42 Setting the Inner Container Width
15:15 Setting the Inner Containers
24:43 Inserting the CSS
29:43 Inserting the HTML
33:57 Adding the CSS Transform Property
36:22 Staring the Infinite Slider Animation
46:00 Summary
47:44 Outro
Watch video Infinite Logo Slider - Full Tutorial (JavaScript) online without registration, duration hours minute second in high quality. This video was added by user The Coding Loft 25 August 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 868 once and liked it 17 people.