Build a Hero Slider with Javascript and jQuery

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

Build a Hero Slider with 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

Get started today

Join people and businesses across the globe that trust Solodev.

We never share your information with anyone. Learn more

We use cookies to provide and improve our services. By using our site, you consent to cookies.