Vertical Full Screen Page Slider With JavaScript

Category: Javascript , Slider | October 15, 2017
Author: kevinoes
Views Total: 3,829
Official Page: Go to website
Last Update: October 15, 2017
License: MIT

Preview:

Vertical Full Screen Page Slider With JavaScript

Description:

This is a vertical fullscreen page slider where the users are able to switch between page slides with mouse wheel, arrow keys and touch swipe. Great for one-page scrolling landing page.

How to use it:

Link to the page slider’s JavaScript and CSS files.

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

Create your own slides for the page slider.

<div class="slides">
  <section id="norwegian"><span>Hallo</span></section>
  <section id="french"><span>Bonjour</span></section>
  <section id="spanish"><span>Hola</span></section>
  <section id="hindi"><span>Namaste</span></section>
  <section id="mandarin"><span>你好</span></section>
</div>

Initialize the page slider and done.

slider('.slides');

You Might Be Interested In:


Leave a Reply