Back to Browse

Custom Infinite Image Carousel Slider (HTML, CSS, JavaScript) | Part 1 of 2

5.3K views
Premiered Jul 27, 2021
22:45

Join me in building out a custom infinite image carousel slider with plain HTML, CSS, and Javascript. We’ll use ViteJS to get the project up and going quickly and then build out the slider from scratch as if you fetched the images from a server. In part 1, we’ll do all the HTML and CSS. ## Links - Sample Site: https://codinginpublic.dev/projects/image-slider/ - Finished Code: https://github.com/coding-in-public/image-slider - Vite JS: https://vitejs.dev/ - Font: https://fonts.google.com/specimen/Inter - Icons: https://feathericons.com/ - SVG Background: https://www.heropatterns.com/ - Images: https://unsplash.com ## Timestamps 0:00 Introduction 1:09 Project setup with Vite 2:51 HTML 5:49 CSS

Download

0 formats

No download links available.

Custom Infinite Image Carousel Slider (HTML, CSS, JavaScript) | Part 1 of 2 | NatokHD