View on GitHub

Chaperone.js

A jQuery plugin for doing simple guided tours of websites

Download this project as a .zip file Download this project as a tar.gz file

Examples

Basic example

Cue Card HTML

<ol id="cue-card">
  <li data-target="#item1">This is an item</li>
  <li data-target="#item2">This is another item</li>
</ol>

Site to be toured HTML

<div id="item1">What is this?</div>
<div id="item2">What am I?</div>

Javascript

$('#cue-card').chaperone().chaperone('start');

Demo

  1. This is an item
  2. This is another item
What is this?
What am I?