This time I will share jQuery Plugin and tutorial about Small & Beautiful Guided Tours In jQuery – introJS, hope it will help you in programming stack.
introJS is a small (~1kb minified) jQuery guided tour plugin which can be used to introduce new features with a step-by-step guide for your web app.
How to use it:
1. Load the introJS plugin’s script intro.min.js after loading jQuery.
2 |
integrity="sha384-JUMjoW8OzDJw4oFpWIB2Bu/c6768ObEthBMVSiIx4ruBIEdyNSUQAjJNFqT5pnJ6" |
3 |
crossorigin="anonymous"> |
5 |
<script src="intro.js"></script> |
2. Create an array of JS objects containging elements and introductions.
02 |
"class":"masthead-brand", |
06 |
"msg":"<a href="https: |
08 |
"class":"cover-heading", |
09 |
"msg":"Page Title Here" |
12 |
"msg":"Description Here" |
3. Initialize the introJS and the plugin will do the rest. Possible parameters.
- myjsonarr: JSON array
- nextbtnclassname: CSS class for the next button
- closebtnclassname: CSS class for the close button
- enableScroll: enables page scroll
2 |
initiateIntro(myTour,'','',true); |
This awesome jQuery plugin is developed by iamdshri. For more Advanced Usages, please check the demo page or visit the official website.
