Camel2.0 — Dokumentacja komponentów UI

2.15 #Components.HeroSlider Hero Slider

Toggle example guides Toggle HTML markup

Fullscreen slider na stronę główną z image/video backgrounds, animowanym contentem (stagger slide-down) i page indicators. JS: src/js/modules/hero-slider.js. Stany slajdu: .is-active, .is-animated. Pager: .is-active na item.

Example

Komponent fullscreen – podgląd na żywo na stronie głównej: index.html

Markup: hero-slider.html
<!-- Hero Slider: Informacja -->
<p style="color:#666;font-size:14px;">
  Komponent fullscreen – podgląd na żywo na stronie głównej: 
  <a href="/index.html" target="_blank">index.html</a>
</p>
Source: src/scss/components/_hero-slider.scss, line 1