Quick Start
Here you can find a simple way to add a basic introduction and hints to your page.
Requirements
Before you start, make sure you have Intro.js installed. Read here for a quick installation.
Adding intro
After installing Introjs, add data-intro
and data-step
to your HTML elements..
For example:
<a href='http://example.com/' data-intro='Hello step one!'></a>
See all attributes here.
Finally, call this JavaScript function:
introJs().start();
Optionally, pass one parameter to introJs
function to limit the presentation section.
Example:
introJs(".introduction-farm").start();
runs the introduction only for elements with class='introduction-farm'
.
Adding hints
To add hints you should use data-hint
attribute on elements.
For example:
<a href='http://example.com/' data-hint='Hello step one!'></a>
Then call this JavaScript function to add the hints to the page:
introJs().addHints();