j-Intro

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Конфигуриране:

if {String} условие за показване на интрото, то е в сравнение с стойността в рамките на path
next {String} опция, текст за следващия бутон (дефолт: Next)
close {String} опция, текст за бутона за кратък етап (дефолт: Done)
page {String} е опционален, връзката към метода function(page) {} се изпълнява, когато страницата се променя
exec {String} е опционален, връзката към метода function() {} се изпълнява, когато интрото е затворено
check {String} е опционален, връзката към метода function(done) {} се изпълнява, когато кликнете върху последния бутон
remove {Boolean} опционално, когато true след това компонентът ще бъде премахнат след затваряне (предварително: false)
closebutton {Boolean} показва бутона в горния десен ъгъл (предварително: false)
Максимална ширина на width {Number} (предварително: 400)
Височина на height {Number} (предварително: 300)
NEW: delay {Number} закъснение на бутона next между кликванията
NEW: nexticon {String} направена икона (предварително: ti ti-chevron-right)
NEW: doneicon {String} направена икона (предварително: ti ti-check-circle)

Добре е да се знае:

Всеки бутон с name="next" ще се използва като бутон next
Всеки бутон с name="close" ще се използва като бутон close
връзката с клас next ще се използва като бутон next
връзката с клас close ще се използва като бутон close

Използвайте го с <ui-component name="intro">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на MIT.

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>