Lekce 2 - Popis vestavěných komponent Simplex.js
V minulé lekci, Úvod do frameworku Simplex.js, jsme si představili microframework Simplex.js a podívali se na přiloženou ukázku jeho použití.
Framework nabízí několik předpřipravených komponent pro nejčastější situace, ze kterým můžeme případně nové komponenty i oddědit. Jsou to:
Autocomplete
BarChart
Carousel
Dialog
(experimentální)EuCookie
TabControl
TreeView
Dnes si jednotlivé dostupné komponenty popíšeme, ukážeme si jejich HTML kostru a ukázku použití.
Carousel
První komponenta, kterou si ukážeme, je Carousel
(kolotoč).
Tu jistě znáte z mnoha jiných webů, kde umožňuje přepínat obrázky buď
po časovém intervalu a/nebo kliknutím na "puntíky" v dolní části
komponenty. Rovnou si na Carousel
u také vysvětlíme i obecné
přístupy a nastavení.
Na stránce index.html
s ukázkou použití frameworku nalezneme
Carousel
definovaný jako element <div>
obsahující klasický HTML seznam <ul>
, který obsahuje
jednotlivé obrázky:
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Před koupí tohoto článku je třeba koupit předchozí díl
Obsah článku spadá pod licenci Premium III, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tutoriálu si popíšeme jednotlivé vestavěné komponenty frameworku Simplex.js a ukážeme si jednoduché příklady jejich použití.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.