PHPackages                             quexer69/yii-slit-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. [Utility &amp; Helpers](/categories/utility)
4. /
5. quexer69/yii-slit-slider

ActiveYii-application[Utility &amp; Helpers](/categories/utility)

quexer69/yii-slit-slider
========================

Yii Slit Slider for phundament 3, with packages from composer repository http://packages.phundament.com

4.0.0(12y ago)12471[1 issues](https://github.com/Quexer69/yii-slit-slider/issues)BSD-3-ClausePHP

Since Aug 15Pushed 12y ago1 watchersCompare

[ Source](https://github.com/Quexer69/yii-slit-slider)[ Packagist](https://packagist.org/packages/quexer69/yii-slit-slider)[ Docs](https://github.com/Quexer69)[ RSS](/packages/quexer69-yii-slit-slider/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (1)DependenciesVersions (23)Used By (0)

Yii Slit Slider Widget
======================

[](#yii-slit-slider-widget)

**Version 0.3.9-patch1**

What is Slit Slider Widget?
===========================

[](#what-is-slit-slider-widget)

A phundament3 Widget from the well known jQuery Slit Slider. But we have a backend crud to administrate all the slider widgets in your web application. *featuring P3Media*

Composer support for easy installation of this phundament3 widget.

- \[phundament3 on GitHub\] ()
- \[p3Media on GitHub\] ()
- \[yii-slit-slider on GitHub\] ()

Quick-Start
===========

[](#quick-start)

### Composer

[](#composer)

If you have [composer already installed](http://getcomposer.org/doc/00-intro.md#installation-nix)

`composer.phar require quexer69/yii-slit-slider`

**or**

add the package `quexer69/yii-slit-slider` to your composer.json

*!!! You need to have already setup a database connection for the yii-slit-slider migration !!!*

Setup
=====

[](#setup)

\[SETUP\] edit in app/config/main.php

**REQUIRED**

```
'modules' => array(
        'slitSlider' => array(
            'class' => 'vendor.quexer69.yii-slit-slider.SlitSliderModule',
            'imagePresets' => array(
                'slitSlider-crop-16-9-jpg' => 'Picture 16:9 cropped 2000x700px (JPG)',
                'slitSlider-crop-16-9-png' => 'Picture 16:9 cropped 2000x700px (PNG)',
            ),
        ),
        ...
        'p3media' => array(
            'class' => 'vendor.phundament.p3media.P3MediaModule',
            'params' => array(
                ...
                'presets' => array(
                    ...
                    'slitSlider-crop-16-9-jpg' => array(
                            'name' => 'Picture 16:9 cropped 2000x700px (JPG)',
                            'commands' => array(
                                'resize' => array(2000, 700, 7), // crop
                                'quality' => '85',
                            ),
                            'type' => 'jpg',
                    ),
                    'slitSlider-crop-16-9-png' => array(
                            'name' => 'Picture 16:9 cropped 2000x700px (PNG)',
                            'commands' => array(
                                'resize' => array(2000, 700, 7), // crop
                                'quality' => '85',
                            ),
                            'type' => 'png',
                    ),
                    ...
                ),
            ),
        ),
```

*do add imagePresets to the slitslider module. The indices of this array have to be real p3media-&gt;params-&gt;presets!*

edit in app/config/console.php to add slit-slider migration ($ yiic migrate)

**REQUIRED**

```
'migrate' => array(
        'modulePaths' => array(
            ...
            'slitSlider' => 'vendor.quexer69.yii-slit-slider.migrations',
            ...
            ),
        ),
```

**OPTIONAL** *(if you have schmunk42/multi-theme installed, you can say in which theme should the SlitSlider Backend be displayed)*

```
'themeManager' => array(
            'class' => 'vendor.schmunk42.multi-theme.EMultiThemeManager',
            'basePath' => $applicationDirectory . '/themes',
            'baseUrl' => $baseUrl . '/themes',
            'rules' => array(
                ...
                '^slitSlider/(.*)' => 'backend2',
                ...
            )
        ),
```

Run widget
==========

[](#run-widget)

**Default Call of the slitSlider Widget**

```
    $this->widget('slitSlider.components.SlitSliderWidget');
```

**Params Call of the slitSlider Widget**

```
    $this->widget(
       'vendor.quexer69.yii-slit-slider.SlitSliderWidget',
           array(
               'orientation'   => 'horizontal',    // default orientation if slit has no orientation set
               'imagePreset'   => 'slitslider',    // P3Media image preset for pictures
               'order'         => 'rank DESC',     // sort order of the slits
               'scaleable'     => '1',             // responsive or defined height and width
               'groupId'       => NULL,            // show all slits for a group_id
               'max_width'     => '2000px',        // needed for scalabel = 1 (true)
               'width'         => '100%',          // css width of the wrapper
               'height'        => '500px',         // can be set on scalabel = 0 (false)
           )
    );
```

- `if groupId is NULL for a slider widget` -&gt; all slits will be shown in this slider.
- `if groupId is NULL for a slit` -&gt; this slit will be shown in all sliders.
- `groupId` can be a number or a groupname

**Or easily add through P3WidgetContainer**

*(you need to add slitSlider Widget to the P3Widgets)*

```
'p3widgets' => array(
        'params' => array(
            'widgets' => array(
                ...
                'slitSlider.components.SlitSliderWidget' => 'SlitSlider'
        ),
        ...
```

*output on any page template*

```
    $this->widget('p3widgets.components.P3WidgetContainer',
        array(
            'id' => 'slitSlider',
            'varyByRequestParam' => P3Page::PAGE_ID_KEY
        )
    );
```

Administration
==============

[](#administration)

Now you get in the P3Admin backend the module SlitSlider to configurate your sliders!!!

Custom Attributes
=================

[](#custom-attributes)

Every slide will also have some data-attributes that we will use in order to control the effect for each slide. The data attributes that we want are the following:

```
data-orientation
data-slice1-rotation
data-slice2-rotation
data-slice1-scale
data-slice2-scale

```

The first one, `data-orientation` should be either `vertical` or `horizontal`. This we need in order to know where to “slice” the slide. It will be either slice horizontally or vertically. The `data-slice1-rotation` and `data-slice2-rotation` value will be the **rotation degree** for each one of the slices and the `data-slice1-scale` and `data-slice2-scale` value will be the **scale value**.

Documentation
=============

[](#documentation)

- [The Definitive Guide to Phundament](https://github.com/phundament/app/wiki)

Database-Dump
=============

[](#database-dump)

dump Schema
-----------

[](#dump-schema)

```
 app/yiic database dump init_slitSlider_tables --prefix=slider_ \
 --dbConnection=db --createSchema=1 \
 --insertData=0

```

dump datas
----------

[](#dump-datas)

```
 app/yiic database dump replace_slider_data --prefix=slider_ \
 --dbConnection=db --createSchema=0 \
 --foreignKeyChecks=0 --truncateTable=1

```

###  Health Score

28

—

LowBetter than 52% of packages

Maintenance0

Infrequent updates — may be unmaintained

Popularity14

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity73

Established project with proven stability

 Bus Factor1

Top contributor holds 98.6% of commits — single point of failure

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 ~12 days

Recently: every ~28 days

Total

21

Last Release

4460d ago

Major Versions

0.4.0 → 4.0.02014-04-15

### Community

Maintainers

![](https://www.gravatar.com/avatar/3c972f0cf344d2cf84ae688179ca030c79265590bcf67b6372fc0edce95043dc?d=identicon)[Quexer69](/maintainers/Quexer69)

---

Top Contributors

[![Quexer69](https://avatars.githubusercontent.com/u/3859353?v=4)](https://github.com/Quexer69 "Quexer69 (210 commits)")[![schmunk42](https://avatars.githubusercontent.com/u/649031?v=4)](https://github.com/schmunk42 "schmunk42 (3 commits)")

---

Tags

webextensionwidgetyiiapplicationsliderslitslider

### Embed Badge

![Health badge](/badges/quexer69-yii-slit-slider/health.svg)

```
[![Health](https://phpackages.com/badges/quexer69-yii-slit-slider/health.svg)](https://phpackages.com/packages/quexer69-yii-slit-slider)
```

###  Alternatives

[romka-chev/yii2-swiper

Yii2 extension for Swiper slider

1840.6k](/packages/romka-chev-yii2-swiper)[kartik-v/yii2-slider

An advanced slider input for Yii Framework 2 for both touch enabled and desktop devices based on bootstrap-slider.

30827.4k4](/packages/kartik-v-yii2-slider)[evgeniyrru/yii2-slick

Yii2 extension for Slick Carousel

22203.5k3](/packages/evgeniyrru-yii2-slick)

PHPackages © 2026

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