PHPackages                             oduvanio/teremok - 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 & Helpers](/categories/utility)
4. /
5. oduvanio/teremok

ActiveLibrary[Utility & Helpers](/categories/utility)

oduvanio/teremok
================

Анимированный background

1.2.2(8y ago)12871[1 issues](https://github.com/oduvanio/teremok/issues)1JavaScript

Since May 16Pushed 8y ago2 watchersCompare

[ Source](https://github.com/oduvanio/teremok)[ Packagist](https://packagist.org/packages/oduvanio/teremok)[ Docs](https://github.com/oduvanio/teremok)[ RSS](/packages/oduvanio-teremok/feed)WikiDiscussions master Synced 3w ago

READMEChangelog (10)Dependencies (7)Versions (22)Used By (1)

\#Анимированное слайд-шоу

Установка через composer.json
-----------------------------

[](#установка-через-composerjson)

```
{
	"require":{
		"oduvanio/teremok":"~1"
	}
}
```

Использование
-------------

[](#использование)

Добавить в head

```

```

В любом месте html страницы добавить блок с классом **teremok** в котором будет анимация. Обязательный атрибут **data-src** до папки с картинками относительно корня проекта.

```

```

Запустите скрипт, добавив в конце страницы:

```

		Teremok.init();

```

Требования
----------

[](#требования)

- composer
- php >= 5.4
- jquery

Описание работы
---------------

[](#описание-работы)

- Достаточно указать путь до папки
- С серверным кэшем, по умолчанию в корневой папке проекта /cache, создаётся автоматически
- Автоматическое изменение размера иллюстраций [infrajs/imager](http://github.com/infrajs/imager)
- Оптимальная исходная ширина картинки для показа на весь экран 2500px из расчёта что экран 1920px и для приближения ещё 30% запаса

Использование с infrajs
-----------------------

[](#использование-с-infrajs)

### Поддерживается конфигурация .infra.json

[](#поддерживается-конфигурация-infrajson)

- count:5 - ограничение на количество картинок в ротации
- indicators: true - индикаторы для смены картинок

### Поддерживается загрузка javascript в одном файле

[](#поддерживается-загрузка-javascript-в-одном-файле)

С помощью [infrjs/collect](http://github.com/infrajs/collect)

### Добавление кнопки-ссылки к слайду

[](#добавление-кнопки-ссылки-к-слайду)

Для добавления кнопки необходимо: 1. В структуре HTML файла в контейнер

 добавить: `""`2. В папке со слайдами создать одноименный файл с расширением .json, который обязательно должен содержать следующую информацию: title - надпись на кнопке href - ссылка на которую нужно перейти при клике по кнопке styleBtn - стиль кнопки (класс) Пример: `{ "title": "Подробнее", "href": "/certificate", "styleBtn": "btn-info" }`

###  Health Score

28

—

LowBetter than 52% of packages

Maintenance0

Infrequent updates — may be unmaintained

Popularity14

Limited adoption so far

Community16

Small or concentrated contributor base

Maturity72

Established project with proven stability

 Bus Factor1

Top contributor holds 76% 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 ~35 days

Total

21

Last Release

2991d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/099cc220594581ec0bf8ca30a215f3d2bf334e3cfb01e46e795dcaa08acf8f18?d=identicon)[oduvanio](/maintainers/oduvanio)

![](https://www.gravatar.com/avatar/341a8ef8a06866ad99b1bbcf0216fd8e331b076b1690a7d992c386192674b787?d=identicon)[akiyatkin](/maintainers/akiyatkin)

![](https://www.gravatar.com/avatar/66efa4c4cf0d387e8085081b04af668bc3dc7ebea307683bcd5744d08ed1d235?d=identicon)[ange187](/maintainers/ange187)

---

Top Contributors

[![oduvanio](https://avatars.githubusercontent.com/u/11479446?v=4)](https://github.com/oduvanio "oduvanio (38 commits)")[![akiyatkin](https://avatars.githubusercontent.com/u/953753?v=4)](https://github.com/akiyatkin "akiyatkin (12 commits)")

### Embed Badge

![Health badge](/badges/oduvanio-teremok/health.svg)

```
[![Health](https://phpackages.com/badges/oduvanio-teremok/health.svg)](https://phpackages.com/packages/oduvanio-teremok)
```

PHPackages © 2026

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