j-Intro

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Configurarea:

if {String} condiția de a arăta intro, este comparată cu valoarea din interiorul path
next {String} opțional, text pentru butonul următor (default: Next)
close {String} opțional, text pentru butonul de pas apropiat (default: Done)
page {String} opțional, un link la metoda function(page) {} se execută atunci când pagina este schimbată
exec {String} opțional, un link la metoda function() {} se execută atunci când intrarea este închisă
check {String} opțional, un link la metoda function(done) {} este executat atunci când se face clic pe butonul final
remove {Boolean} opțional, atunci când true apoi componenta va fi îndepărtată după închidere (default: false)
closebutton {Boolean} afișează butonul apropiat în colțul superior drept (default: false)
width {Number} o lățime maximă (default: 400)
Înălțimea height {Number} (defață: 300)
NEW: delay {Number} o întârziere pentru butonul next între clicuri
NEW: nexticon {String} un icon făcut (default: ti ti-chevron-right)
NEW: doneicon {String} un icon făcut (default: ti ti-check-circle)

bine să știi:

Fiecare buton cu name="next" va fi folosit ca buton next
Fiecare buton cu name="close" va fi folosit ca buton close
Un link cu clasa next va fi folosit ca un buton next
Un link cu clasa close va fi folosit ca un buton close

Utilizați-l cu <ui-component name="intro">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>