Mobile-friendly Fullpage Slider Library – Horizontally.js

Category: Javascript , Slider , Slideshow | July 3, 2023
Views Total:1,192 views
Official Page:Go to website
Last Update:July 3, 2023


Mobile-friendly Fullpage Slider Library – Horizontally.js


Horizontally.js is a lightweight, easy-to-use, fully responsive, touch-enabled, and full-page slider/slideshow/carousel component written in vanilla JavaScript. Fully compatible with mobile devices (phones and tablets).

How to use it:

1. Download and load the Horizontally.js in the document.

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

2. Add your content to the Horizontally container.

<div id="horizontally">
  <div class="section">Section 1</div>
  <div class="section">Section 2</div>
  <div class="section">Section 3</div>

3. Initialize the Horizontally.js.

new horizontally({
    // options

4. Customize the animation speed. Default: 200(ms).

new horizontally({
    speed: 1000,

5. Determine whether to show pagination dots and navigation arrows. Default: true.

new horizontally({
    arrowButtons: true,
    pageSelector: false,

6. Override the default carousel selector.

new horizontally({
    wrapper: '#myCarousel',


v1.0.2 (07/03/2023)

  • Update

You Might Be Interested In:

Leave a Reply