Блог

Здравствуйте, дорогие посетители моего сайта!
Давно я не выкладывал скрипты на своем сайте, потому что времени совсем нету заниматься сайтом, но я смог выкроить минуточку для нового материала:)
И так я представляю вам новый скрипт слайдер Фул-скрин( во весь экран), его можно использовать в разных целях, портфолио работ, рассказ о себе, любая другая информация и тд...

Приступим к установке:

Данный код является основой слайдера, ставим после тега body:

Code

<div class="st-container">

  <input type="radio" name="radio-set" checked="checked" id="st-control-1"/>
  <a href="#st-panel-1">Serendipity</a>

  <input type="radio" name="radio-set" id="st-control-2"/>
  <a href="#st-panel-2">Happiness</a>

  <input type="radio" name="radio-set" id="st-control-3"/>
  <a href="#st-panel-3">Tranquillity</a>

  <input type="radio" name="radio-set" id="st-control-4"/>
  <a href="#st-panel-4">Positivity</a>

  <input type="radio" name="radio-set" id="st-control-5"/>
  <a href="#st-panel-5">Passion</a>

  <div class="st-scroll">

  <section class="st-panel" id="st-panel-1">
  <div class="st-deco" data-icon="H"></div>
  <h2>Serendipity</h2>
  <p>Banksy adipisicing eiusmod banh mi sed...</p>
  </section>

  <section class="st-panel st-color" id="st-panel-2">
  
  </section>

  

  </div>

</div>

А также подключите стили, вставьте эти 2 строчки между тегами head и /head:

Code