O'Reilly logo

Instant IntroJs by Ehsan Arasteh, Afshin Mehrabani

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Quick start

In this section, the following subjects will be discussed:

  • Settings
  • Creating a new example

Do you need to create an introduction page using IntroJs? Two simple steps to do this are explained in this section.

Step 1 – defining elements

Elements could be defined with the following two approaches:

  • Using element attributes
  • Using JavaScript objects (JSON)

Using element attributes

With this approach, you can easily set up and define your first introduction. For setting up the introduction with attributes, add some custom attributes that want to be a part of the story to the elements. data-intro and data-step make it possible to add some text or caption to the highlighted element or to change the position of the tool tip. To achieve these, perform ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required