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
Смотрите видео Infinite Logo Slider - Full Tutorial (JavaScript) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь The Coding Loft 25 Август 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 868 раз и оно понравилось 17 людям.