PHPackages                             samsonos/js\_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. samsonos/js\_slider

ActiveLibrary

samsonos/js\_slider
===================

0.0.1(10y ago)15583[4 issues](https://github.com/samsonos/js_slider/issues)Open Software License (OSL) v 3.0JavaScript

Since Sep 23Pushed 9y ago2 watchersCompare

[ Source](https://github.com/samsonos/js_slider)[ Packagist](https://packagist.org/packages/samsonos/js_slider)[ Docs](http://samsonos.com/)[ RSS](/packages/samsonos-js-slider/feed)WikiDiscussions master Synced 6d ago

READMEChangelog (1)Dependencies (1)Versions (2)Used By (0)

JS slider for [SamsonPHP](http://samsonphp.com) framework
=========================================================

[](#js-slider-for-samsonphp-framework)

> Generic javascript carousel slider

The content of slider must be located in `< class="sjs-slider">` element, wrapped by parent element:

```

        slide1
        slide2
        slide3

```

Module adding
-------------

[](#module-adding)

For module adding:

```
sliderContainer.slider();
```

For switched elements in your html-code should be set classes **arrow-left** for the left and **arrow-right** for the right.

Module options
--------------

[](#module-options)

The module has a list of parameters which could be set while adding

- **leftButton** – explicitly indicate switch to the left
- **rightButton** – explicitly indicate switch to the right
- **autoScroll** – automatic scrolling
- **num** – the number of displayed elements

The width and number of slides
------------------------------

[](#the-width-and-number-of-slides)

Module defines width of slide on the basis of general width of parent `< class="sjs-slider">` element and number of displayed elements (parameter num). The width of the slide will be divided equally into a number of displayed elements. Therefore you should exactly set width of a block **sliderContainer** in styles.

Example
-------

[](#example)

If you want to add in project slider composed of two arrows and view-port from 4 slides with width 252px then:

html

```

        slide1
        slide2
        slide3
        slide4
        slide5

```

css

```
.sliderContainer {
  text-align: center;
  overflow: hidden;
  width: 1008px;
}
.sliderContainer li {
  overflow: hidden;
}
```

js

```
s('.sliderContainer').pageInit(function(sliderContainer){
    sliderContainer.slider({
        num : 4
    });
});
```

###  Health Score

24

—

LowBetter than 32% of packages

Maintenance0

Infrequent updates — may be unmaintained

Popularity17

Limited adoption so far

Community17

Small or concentrated contributor base

Maturity53

Maturing project, gaining track record

 Bus Factor2

2 contributors hold 50%+ of commits

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

Unknown

Total

1

Last Release

3890d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/0be8756efdc8f599b8fe9261bed31570d0f140a3b921f0f891877a9133ad654c?d=identicon)[samsonos](/maintainers/samsonos)

---

Top Contributors

[![vitalyiegorov](https://avatars.githubusercontent.com/u/586558?v=4)](https://github.com/vitalyiegorov "vitalyiegorov (13 commits)")[![onysko](https://avatars.githubusercontent.com/u/7703953?v=4)](https://github.com/onysko "onysko (9 commits)")[![omaximus](https://avatars.githubusercontent.com/u/8122734?v=4)](https://github.com/omaximus "omaximus (3 commits)")[![I70l0teN4ik](https://avatars.githubusercontent.com/u/10940475?v=4)](https://github.com/I70l0teN4ik "I70l0teN4ik (2 commits)")[![anazarenko](https://avatars.githubusercontent.com/u/8631316?v=4)](https://github.com/anazarenko "anazarenko (2 commits)")[![nik-os](https://avatars.githubusercontent.com/u/7326967?v=4)](https://github.com/nik-os "nik-os (1 commits)")[![AlexSt2501](https://avatars.githubusercontent.com/u/3685275?v=4)](https://github.com/AlexSt2501 "AlexSt2501 (1 commits)")[![rmolodyko](https://avatars.githubusercontent.com/u/4399482?v=4)](https://github.com/rmolodyko "rmolodyko (1 commits)")

### Embed Badge

![Health badge](/badges/samsonos-js-slider/health.svg)

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

PHPackages © 2026

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