j-Intro

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Konfigurace:

Požadavek if {String} pro zobrazení intro, je v porovnání s hodnotou v rámci path
next {String} volitelné, text pro další krok tlačítko (předvolené: Next)
close {String} volitelně, text pro tlačítko blízko (podmínkou: Done)
page {String} volitelné, odkaz na metodu function(page) {} se provádí při změně stránky
exec {String} volitelné, odkaz na metodu function() {} se provádí, když je vstup uzavřen
check {String} volitelné, odkaz na metodu function(done) {} se provádí při kliknutí na poslední tlačítko
remove {Boolean} volitelné, když je true pak bude složka odstraněna po uzavření (předběžně: false)
closebutton {Boolean} zobrazuje tlačítko v pravém horním rohu (předvolené: false)
Maximální šířka width {Number} (předvolená šířkou: 400)
Výška height {Number} (předvolená výška: 300)
NEW: delay {Number} zpoždění pro tlačítko next mezi kliknutím
NEW: nexticon {String} a done ikona (přesněji řečeno: ti ti-chevron-right)
NEW: doneicon {String} a done ikona (přesněji řečeno: ti ti-check-circle)

Dobré vědět:

Každé tlačítko s name="next" bude použito jako tlačítka next
Každé tlačítko s name="close" bude použito jako tlačítka close
Připojení s třídou next bude použito jako tlačítko next
Připojení s třídou close bude použito jako tlačítko close

Použijte ji s <ui-component name="intro">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

example.html

<ui-component name="intro" path="showme" config="if:myintro" class="hidden">
	<figure>A</figure>
	<figure>B</figure>
	<figure>C</figure>
	<figure>D</figure>
	<figure>E</figure>
</ui-component>

<script>
	SET('showme', 'myintro', 2000);
</script>