PHPackages                             hauerheinrich/hh-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. [Image & Media](/categories/media)
4. /
5. hauerheinrich/hh-slider

ActiveTypo3-cms-extension[Image & Media](/categories/media)

hauerheinrich/hh-slider
=======================

Hauer-Heinrich - Image and Content Slider

1.0.1(6mo ago)13.1k↓100%2[3 issues](https://github.com/Hauer-Heinrich/hh_slider/issues)[1 PRs](https://github.com/Hauer-Heinrich/hh_slider/pulls)MITPHPCI passing

Since Feb 5Pushed 6mo ago2 watchersCompare

[ Source](https://github.com/Hauer-Heinrich/hh_slider)[ Packagist](https://packagist.org/packages/hauerheinrich/hh-slider)[ Fund](http://paypal.me/hauerheinrich)[ RSS](/packages/hauerheinrich-hh-slider/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (4)Versions (44)Used By (0)

hh\_slider
==========

[](#hh_slider)

hh\_slider is a TYPO3 extension. Integrates the [swiper-slider](https://swiperjs.com/ "swiper-slider") in TYPO3.

### Installation

[](#installation)

... like any other TYPO3 extension [extensions.typo3.org](https://extensions.typo3.org/ "TYPO3 Extension Repository")Don't forget to include PageTS!

### Features

[](#features)

- No dependencies like jQuery
- "Content type" - Select "images" if you want only slide images | select "content" if you want to slide content-elements like textmedia
- To slide other elements, for example from other extensions, simply add your own custom json to the document - like: "hh\_slider\\Resources\\Private\\Partials\\Assets\\SliderJson.html" - Important: className "hhSliderJson"

#### optional

[](#optional)

##### Set CSS colors for the slider buttons

[](#set-css-colors-for-the-slider-buttons)

\--hhslider-button-prevnext-bg-image: url("../Icons/prev-next.svg"); --hhslider-button-prevnext-bg-color: #04A0E3; --hhslider-button-prevnext-bg-color-hover: #7cb4cc; --hhslider-button-startstop-bg-image: url("../Icons/start-stop.svg"); --hhslider-button-startstop-bg-color: #04A0E3; --hhslider-button-startstop-bg-color-hover: #7cb4cc; --hhslider-pagination-button-bg: #fff; --hhslider-pagination-button-bg-active: #ccc; --hhslider-pagination-button-border: 3px solid #ccc; --hhslider-pagination-button-border-active: 3px solid #ccc;

##### Restrict Content-Elements (CType) of childrecords

[](#restrict-content-elements-ctype-of-childrecords)

Example:

```
plugin.tx_hhslider {
    settings {
        allowedCtypes = textmedia, images, menu_pages,
    }
}

```

##### Translate string via TypoScript

[](#translate-string-via-typoscript)

Available strings / ID's see: EXT:hh\_slider/Resources/Private/Language/locallang.xlf More info on a11y of the slider see: [Slider A11yOptions](https://swiperjs.com/types/interfaces/types_modules_a11y.A11yOptions)Example:

```
plugin.tx_hhslider {
    _LOCAL_LANG {
        default {
            fe.slider.userInstruction = default EN label
            fe.slider.a11y.nextSlideMessage = Next slide
        }
        de {
            fe.slider.userInstruction = DE label
            fe.slider.a11y.nextSlideMessage = Nächste Folie
        }
        cz {
            fe.slider.userInstruction = CZ label
            fe.slider.a11y.nextSlideMessage = Další snímek
        }
    }
}

```

#### Main-view

[](#main-view)

[![example picture from backend](.github/images/preview-1.jpg?raw=true "Main")](.github/images/preview-1.jpg?raw=true)

#### Options-view

[](#options-view)

[![example picture from backend](.github/images/preview-2.jpg?raw=true "Options")](.github/images/preview-2.jpg?raw=true)

##### Copyright notice

[](#copyright-notice)

This repository is part of the TYPO3 project. The TYPO3 project is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.

The GNU General Public License can be found at .

This repository is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

This copyright notice MUST APPEAR in all copies of the repository!

##### License

[](#license)

---

GNU GENERAL PUBLIC LICENSE Version 3

###  Health Score

43

—

FairBetter than 91% of packages

Maintenance48

Moderate activity, may be stable

Popularity22

Limited adoption so far

Community14

Small or concentrated contributor base

Maturity73

Established project with proven stability

 Bus Factor1

Top contributor holds 87.9% 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 ~70 days

Recently: every ~29 days

Total

36

Last Release

189d ago

Major Versions

0.8.2 → 1.0.02025-10-29

### Community

Maintainers

![](https://www.gravatar.com/avatar/f96c56f2f8cae31e7423131bc9dc49dc572ff3f5c2b573b59370389551e7b66e?d=identicon)[Teisi](/maintainers/Teisi)

---

Top Contributors

[![Teisi](https://avatars.githubusercontent.com/u/10898521?v=4)](https://github.com/Teisi "Teisi (160 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (13 commits)")[![iocron](https://avatars.githubusercontent.com/u/3641649?v=4)](https://github.com/iocron "iocron (8 commits)")[![dannyqwertz](https://avatars.githubusercontent.com/u/3381961?v=4)](https://github.com/dannyqwertz "dannyqwertz (1 commits)")

---

Tags

slidertypo3-extensionextensionTYPO3 CMShauer-heinrich

### Embed Badge

![Health badge](/badges/hauerheinrich-hh-slider/health.svg)

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

###  Alternatives

[fluidtypo3/vhs

This is a collection of ViewHelpers for performing rendering tasks that are not natively provided by TYPO3's Fluid templating engine.

1954.1M49](/packages/fluidtypo3-vhs)[brotkrueml/schema

Embedding schema.org vocabulary - API and view helpers for schema.org markup

33584.6k13](/packages/brotkrueml-schema)[christophlehmann/imageoptimizer

Optimize uploaded/processed images with binaries of your choice

46501.8k](/packages/christophlehmann-imageoptimizer)[blueways/bw-focuspoint-images

Image Editor for adding focus points to images

12102.7k1](/packages/blueways-bw-focuspoint-images)

PHPackages © 2026

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