How to use Unslider carousel slider on your web page

If you are interested in using a carousel slider on your website then Unslider is the way to go. You only need to specify the Javascript and CSS files, change your HTML code slightly and you are up and running in no time.

1. First download the package from their website

2. Extract the zip package. Copy over the css and js folder present in the dist folder to your working folder.

3. Add a reference to the unslider.css file in the tag.

4. Next add the unslider.js file just before the closing tag.


5. Next make changes to your HTML where you would be displaying the banners on your website.

  • Banner 1
  • Banner 2

6. Finally add the Java Script code at the end which will instantiate the Unslider object and bring the carousel slider to life.

If you would like to see a working example of this then you can browse it here.

If you would to download the whole code then please download it from here.

Be the first to comment

Leave a Reply