j-Intro

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

konfiguráció:

if {String} az intro megjelenítésének feltétele, összehasonlítva az értéket a path
next {String} opcionális, szöveg a következő lépés gombra (default: Next)
close {String} opcionális, szöveg a közel lépés gomb (default: Done)
page {String} opcionális, a function(page) {} módszerhez való link fut, amikor az oldal megváltozik
exec {String} opcionális, a function() {} módszerhez való link fut, amikor az intro bezárva van
check {String} opcionális, a function(done) {} módszerhez való link fut, amikor az utolsó gombra kattint
remove {Boolean} opcionális, amikor a true akkor az összetevő eltávolításra kerül, miután zárva (default: false)
A closebutton {Boolean} a jobb felső sarokban mutatja be a közel gombot (default: false)
width {Number} maximális szélesség (default: 400)
height {Number} magasság (default: 300)
NEW: delay {Number} egy késés a next gomb között
NEW: nexticon {String} egy kész ikon (default: ti ti-chevron-right)
NEW: doneicon {String} egy kész ikon (default: ti ti-check-circle)

Jó tudni:

A name="next" gombot a next gombként használják.
A name="close" gombot a close gombként használják.
A next osztályú linket a next gombként használják.
A close osztályú linket a close gombként használják.

Használja a <ui-component name="intro">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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>