Skip to Content

Build a Hero Slider with Javascript and jQuery

Learn how to build a slider with just JavaScript and jQuery.

Below is the HTML, CSS, and JavaScript required.

Step 1 - pure-js-slider.html

Add the HTML below to where you'd like the slider

Step 2 - pure-js-slider.css

Download the CSS below and include it in your web page


Step 3 - slider.js

Add the JavaScript below to a file called slider.js

Add the includes below to the page where your slider lives

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

Sign up to explore

Create an account in seconds and start building today.

Sign up for Solodev
Solodev Logo

©2024 Solodev. All rights reserved worldwide.