PHPackages                             linslin/paging-slider - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. linslin/paging-slider

ActiveWeb-page-transition

linslin/paging-slider
=====================

pagingSilder brings you Hardware-Accelerated Page Transitions for Web / Mobile Web Apps / PhoneGap Apps. Inspired by http://coenraets.org/blog/2013/03/hardware-accelerated-page-transitions-for-mobile-web-apps-phonegap-apps/ I have written an extension. This extension allows the page slider to control several pages, retrieve individual pages and slide from one side to another.

1.0.7(11y ago)251812[5 issues](https://github.com/linslin/pagingSlider/issues)MITJavaScript

Since Nov 14Pushed 11y ago3 watchersCompare

[ Source](https://github.com/linslin/pagingSlider)[ Packagist](https://packagist.org/packages/linslin/paging-slider)[ RSS](/packages/linslin-paging-slider/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (8)Used By (0)

pagingSlider
============

[](#pagingslider)

=======================

What is it?
-----------

[](#what-is-it)

pagingSilder brings you Hardware-Accelerated Page Transitions for Web / Mobile Web Apps / PhoneGap Apps. Inspired by I have written an extension. This extension allows the page slider to control several pages, retrieve individual pages and slide from one side to another.

##### Why singleton pattern?

[](#why-singleton-pattern)

Using singleton pattern as class object makes the integration easy in the common way. Also singleton pattern does not block a multiple use per page. You are able to create new instances of pagingSlider object like "var myPagingSlider = pagingSlider;".

### Demo

[](#demo)

Features
--------

[](#features)

- slide to pages with touch swipes by using Hardware-Accelerated Page Transitions
- auto switch to pages by clicking menu item
- call pages directly
- animated mobile pagebrowser
- integrated touch events with quoJS
- loop functionality
- disable/enable pointer foot menu
- multi sliders on one page support

[![ScreenShot](https://raw.githubusercontent.com/linslin/pagingSlider/development/art/screen3.png)](https://raw.githubusercontent.com/linslin/pagingSlider/development/art/screen3.png)

Install via bower
-----------------

[](#install-via-bower)

```
bower install linslin-pagingslider

```

Useage
------

[](#useage)

- Checkout and run app/index.html in Browser.
- Modify the Template
- Take a look at the demo directory for cordova-, web-examples & configurations

```

    pagingSlider

pagingSlider example

               Page 1

               Page 2

               Page 3

               Page 4

    Page menu:

        1
        2
        3
        4
        or
        directly call Page 3

    $$('#wrapper').swipeLeft(function(){
        pagingSlider.slidePageFrom('.myPageContainerClass', 'right');
    });

    $$('#wrapper').swipeRight(function(){
        pagingSlider.slidePageFrom('.myPageContainerClass', 'left');
    });

```

Configurations
--------------

[](#configurations)

### Disable/Enable loop

[](#disableenable-loop)

```

        pagingSlider.loop = false; //default is true

```

### Disable/Enable pointer footer menu

[](#disableenable-pointer-footer-menu)

```

        pagingSlider.disablePagePointer = true; //default is false

```

Tested with
-----------

[](#tested-with)

- cordova 3.3, 3.4, 3.5, 3.6, 4.0
- angularJS
- Android 4.1<
- iOS 6.0<
- Firefox OS 1.3

Changelog
---------

[](#changelog)

#### Release 1.0.7 - Changelog

[](#release-107---changelog)

- Modified Demo URL.
- Reordered readme.md contents.

#### Release 1.0.6 - Changelog

[](#release-106---changelog)

- Added bower support
- Added angularJS support

#### Release 1.0.5 - Changelog

[](#release-105---changelog)

- Added live demo

#### Release 1.0.4 - Changelog

[](#release-104---changelog)

- Hotfix: composer support.
- README.md modifications.

#### Release 1.0.3 - Changelog

[](#release-103---changelog)

- Hotfix: composer support.

#### Release 1.0.2 - Changelog

[](#release-102---changelog)

- Added composer support.
- Added platform support (Windows Phone 8.0 & 8.1, amazon-fireos, tizen)

#### Release 1.0.1 - Changelog

[](#release-101---changelog)

- Added user css class support - [\#4](https://github.com/linslin/pagingSlider/issues/4)

#### Release 1.0 - Changelog

[](#release-10---changelog)

- Official stable release
- Added cordova 3.6 & 4.0 support (iOS / Android / blackberry / firefoxos / browser)
- Changed readme.md images paths.

Known Issues
------------

[](#known-issues)

- Old Android Versions - Swipe does not work due quoJS/zepto.js. Fix -> "[madrobby/zepto#315](https://github.com/madrobby/zepto/issues/315)"

Thanks to Christophe Coenraets
------------------------------

[](#thanks-to-christophe-coenraets)

###  Health Score

31

—

LowBetter than 68% of packages

Maintenance16

Infrequent updates — may be unmaintained

Popularity19

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity68

Established project with proven stability

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~24 days

Recently: every ~30 days

Total

6

Last Release

4081d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/7883954c930171c2dbfd069379e9fea311b0480dfd4bebf3ade9c393be217b02?d=identicon)[linslin](/maintainers/linslin)

---

Tags

phonegapcordovapage transitionpagingSlider

### Embed Badge

![Health badge](/badges/linslin-paging-slider/health.svg)

```
[![Health](https://phpackages.com/badges/linslin-paging-slider/health.svg)](https://phpackages.com/packages/linslin-paging-slider)
```

###  Alternatives

[nolimits4web/swiper

Most modern mobile touch slider and framework with hardware accelerated transitions

41.8k177.2k1](/packages/nolimits4web-swiper)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)