2017 © Pedro PelΓ‘ez
 

library teremok

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

image

oduvanio/teremok

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

  • Saturday, May 12, 2018
  • by akiyatkin
  • Repository
  • 2 Watchers
  • 1 Stars
  • 250 Installations
  • JavaScript
  • 1 Dependents
  • 0 Suggesters
  • 1 Forks
  • 1 Open issues
  • 22 Versions
  • 2 % Grown

The README.md

АнимированноС слайд-ΡˆΠΎΡƒ

Установка Ρ‡Π΅Ρ€Π΅Π· composer.json

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

ИспользованиС

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² head, (*1)

    <script src="teremok.js"></script>
    <link rel="stylesheet" href="teremok.css" />

Π’ любом мСстС html страницы Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π±Π»ΠΎΠΊ с классом teremok Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π±ΡƒΠ΄Π΅Ρ‚ анимация. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ data-src Π΄ΠΎ ΠΏΠ°ΠΏΠΊΠΈ с ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ корня ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°., (*2)

<div class="teremok" data-src="vendor/oduvanio/teremok/images/" style="height:400px"></div>

ЗапуститС скрипт, Π΄ΠΎΠ±Π°Π²ΠΈΠ² Π² ΠΊΠΎΠ½Ρ†Π΅ страницы:, (*3)

    <script>
        Teremok.init();
    </script>

ВрСбования

  • composer
  • php >= 5.4
  • jquery

ОписаниС Ρ€Π°Π±ΠΎΡ‚Ρ‹

  • Достаточно ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡƒΡ‚ΡŒ Π΄ΠΎ ΠΏΠ°ΠΏΠΊΠΈ
  • Π‘ сСрвСрным кэшСм, ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° /cache, создаётся автоматичСски
  • АвтоматичСскоС ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ infrajs/imager
  • ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Π°Ρ исходная ΡˆΠΈΡ€ΠΈΠ½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ для ΠΏΠΎΠΊΠ°Π·Π° Π½Π° вСсь экран 2500px ΠΈΠ· расчёта Ρ‡Ρ‚ΠΎ экран 1920px ΠΈ для приблиТСния Π΅Ρ‰Ρ‘ 30% запаса

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

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ΡΡ конфигурация .infra.json

  • count:5 - ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ Π½Π° количСство ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π² Ρ€ΠΎΡ‚Π°Ρ†ΠΈΠΈ
  • indicators: true - ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹ для смСны ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ΡΡ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° javascript Π² ΠΎΠ΄Π½ΠΎΠΌ Ρ„Π°ΠΉΠ»Π΅

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ infrjs/collect, (*4)

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ-ссылки ΠΊ слайду

Для добавлСния ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ: 1. Π’ структурС HTML Ρ„Π°ΠΉΠ»Π° Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€, (*5)

<, (*6)

div class="teremok"> Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ: <a class="btn btn-info buttonTeremok" href="" infra="true">""</a> 2. Π’ ΠΏΠ°ΠΏΠΊΠ΅ со слайдами ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎΠΈΠΌΠ΅Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ .json, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ: title - надпись Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅ href - ссылка Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΏΡ€ΠΈ ΠΊΠ»ΠΈΠΊΠ΅ ΠΏΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ΅ styleBtn - ΡΡ‚ΠΈΠ»ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠΈ (класс) ΠŸΡ€ΠΈΠΌΠ΅Ρ€: { "title": "ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅", "href": "/certificate", "styleBtn": "btn-info" }, (*7)

The Versions

12/05 2018

dev-master

9999999-dev https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

16/04 2018

1.2.2

1.2.2.0 https://github.com/oduvanio/teremok

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

  Sources   Download

The Requires

 

06/04 2018

1.2.1

1.2.1.0 https://github.com/oduvanio/teremok

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

  Sources   Download

The Requires

 

28/03 2018

1.2.0

1.2.0.0 https://github.com/oduvanio/teremok

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

  Sources   Download

The Requires

 

30/11 2017

1.1.9

1.1.9.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

29/11 2017

1.1.8

1.1.8.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

27/11 2017

1.1.7

1.1.7.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

27/11 2017

1.1.6

1.1.6.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

10/09 2017

1.1.5

1.1.5.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

07/09 2017

1.1.4

1.1.4.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

07/09 2017

1.1.3

1.1.3.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

04/09 2017

1.1.2

1.1.2.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

04/09 2017

1.1.1

1.1.1.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

04/09 2017

1.1.0

1.1.0.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

22/08 2017

1.0.7

1.0.7.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

18/08 2017

1.0.6

1.0.6.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

18/08 2017

1.0.5

1.0.5.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

25/06 2017

1.0.4

1.0.4.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

12/03 2017

1.0.3

1.0.3.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

22/10 2016

1.0.2

1.0.2.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

26/05 2016

1.0.1

1.0.1.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires

 

16/05 2016

1.0.0

1.0.0.0 https://github.com/oduvanio/teremok

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

  Sources   Download

GPL3

The Requires