Projeleriniz ya da web sitelerinizin özelliklerini tanıtmak için adım adım kılavuzunu kullanarak kullanıcılara iyi bir şekilde tanıtımını yapabileceğiniz bir javascript kütüphanesidir.
web sitelerinizin özelliklerini veya sayfanızın nasıl kullanılacağı hakkında kullanıcılara tanıtmak için bu adım adım kılavuzunu kullanabilirsiniz.
Sadece js ve css dosyalarını ekledikten sonra data-intro
ve data-step
parametrelerini kodunuza ekleyin.
4KB javascript ve 2.5KB css dosyasından oluşmaktadır.
Fare yada klavyenin ->
, <-
, ENTER
tuşlarıyla sihirbazı ilerletip ve ESC
ile çıkış yapabilirsiniz.
IE8 ve sonrası, Chrome ve Firefox'un mevcut sürümleriyle sorunsuz şekilde çalışmaktadır.
1. intro.js
ve introjs.css
dosyalarını sayfanıza eklemesini yapınız.
2. data-intro
ve data-step
parametrelerini HTML etiketlerinin içerisine ekleyiniz. Tüm kullanım özelliklerine buradaki github sayfasından ulaşabilirsiniz.
Örnek:
<a href='http://ilketkinlik.com/' data-intro='İşte ilk adım!'></a>
3. javascript fonksiyonunu sayfaya dahil ediniz.
introJs().start();
1) github : git clone https://github.com/usablica/intro.js.git
2) bower : bower install intro.js --save
3) npm : npm install intro.js --save