Smooth Horizontal Page Slider – pgSlider.js

Category: Javascript , Slider | July 29, 2016
Author:abizit
Views Total:1,117 views
Official Page:Go to website
Last Update:July 29, 2016
License:MIT

Preview:

Smooth Horizontal Page Slider – pgSlider.js

Description:

pgSlider.js is a lightweight JavaScript library for sliding smoothly and horizontally through a set of full-window content sections by clicking on the left/right navigation bars.

How to use it:

Load the following JavaScript and CSS files in the document when needed.

<link rel="stylesheet" href="css/pgSlider.css">
<script src="js/pgSlider.js"></script>

The basic html structure for the page slider.

<section id="ps-container" class="">

  <div class="ps-wrapper">

    <section class="ps-page">
        <h1>Page One</h1>
    </section>

    <section class="ps-page">
        <h1>Page Two</h1>
    </section>

    <section class="ps-page">
        <h1>Page Three</h1>
    </section>

  </div>
  
</section>

That’s it. Feel free to customize the page slider using your own CSS styles.

You Might Be Interested In:


Leave a Reply