@@ -9,7 +9,9 @@ You can obtain your local copy of Intro.js from:
9
9
10
10
** 2)** Using bower ``` bower install intro.js --save ```
11
11
12
- ** 3)** Download it from CDN ([ 1] ( http://www.jsdelivr.com/#!intro.js ) , [ 2] ( http://cdnjs.com/#introjs ) )
12
+ ** 3)** Using npm ``` npm install intro.js --save ```
13
+
14
+ ** 4)** Download it from CDN ([ 1] ( http://www.jsdelivr.com/#!intro.js ) , [ 2] ( http://cdnjs.com/#introjs ) )
13
15
14
16
15
17
## How to use
@@ -19,7 +21,7 @@ Intro.js can be added to your site in three simple steps:
19
21
20
22
> CDN hosted files are available at [ jsDelivr] ( http://www.jsdelivr.com/#!intro.js ) (click Show More) & [ cdnjs] ( http://cdnjs.com/#introjs ) .
21
23
22
- ** 2)** Add ` data-intro ` and ` data-step ` to your HTML elements.
24
+ ** 2)** Add ` data-intro ` and ` data-step ` to your HTML elements.
23
25
24
26
For example:
25
27
@@ -38,7 +40,7 @@ Optionally, pass one parameter to `introJs` function to limit the presentation s
38
40
39
41
**For example** `introJs(".introduction-farm").start();` runs the introduction only for elements with `class='introduction-farm'`.
40
42
41
- <p align =" center" ><img src =" http://usablica.github.com/intro.js/img/introjs-demo.png" ></p >
43
+ <p align =" center" ><img src =" http://usablica.github.com/intro.js/img/introjs-demo.png" ></p >
42
44
43
45
## Using templates
44
46
@@ -242,7 +244,7 @@ introJs().oncomplete(function() {
242
244
243
245
###introJs.onexit(providedCallback)
244
246
245
- Set callback to exit of introduction. Exit also means pressing ` ESC ` key and clicking on the overlay layer by the user.
247
+ Set callback to exit of introduction. Exit also means pressing ` ESC ` key and clicking on the overlay layer by the user.
246
248
247
249
**Available since:** v0.2.0
248
250
@@ -276,7 +278,7 @@ The callback function receives the element of the new step as an argument.
276
278
277
279
**Example:**
278
280
```javascript
279
- introJs ().onchange(function(targetElement) {
281
+ introJs ().onchange(function(targetElement) {
280
282
alert (" new step" );
281
283
});
282
284
````
@@ -297,7 +299,7 @@ Given callback function will be called before starting a new step of introductio
297
299
298
300
**Example:**
299
301
```javascript
300
- introJs ().onbeforechange(function(targetElement) {
302
+ introJs ().onbeforechange(function(targetElement) {
301
303
alert (" before new step" );
302
304
});
303
305
````
@@ -318,7 +320,7 @@ Given callback function will be called after starting a new step of introduction
318
320
319
321
**Example:**
320
322
```javascript
321
- introJs ().onafterchange(function(targetElement) {
323
+ introJs ().onafterchange(function(targetElement) {
322
324
alert (" after new step" );
323
325
});
324
326
````
@@ -379,11 +381,11 @@ Now you can run this command to minify all static resources:
379
381
380
382
## Instant IntroJs
381
383
382
- Want to learn faster and easier? Here we have **Instant IntroJs**, Packt Publishing.
384
+ Want to learn faster and easier? Here we have **Instant IntroJs**, Packt Publishing.
383
385
384
386
<p align="center">
385
387
<a target=' _blank' href="http://www.packtpub.com/create-useful-introductions-for-websites-and-applications-with-introjs-library/book"><img src=' http: // dgdsbygo8mp3h.cloudfront.net/sites/default/files/imagecache/productview_larger/2517OS_Instant%20IntroJS%20Starter.jpg' /></a>
386
- < / p>
388
+ < / p>
387
389
388
390
< p align= " center" >
389
391
< a target= ' _blank' href= " http://www.packtpub.com/create-useful-introductions-for-websites-and-applications-with-introjs-library/book" > Buy and Download< / a>
@@ -489,7 +491,7 @@ Want to learn faster and easier? Here we have **Instant IntroJs**, Packt Publish
489
491
490
492
- [Twitter](https://twitter.com/afshinmeh)
491
493
- [Github](https://github.com/afshinm)
492
- - [Personal page](http://afshinm.name/)
494
+ - [Personal page](http://afshinm.name/)
493
495
494
496
[Other contributors](https://github.com/usablica/intro.js/graphs/contributors)
495
497
0 commit comments