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
Nesta página do site você pode assistir ao vídeo on-line Infinite Logo Slider - Full Tutorial (JavaScript) duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário The Coding Loft 25 Agosto 2023, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 868 vezes e gostou 17 espectadores. Boa visualização!
