Porównując je do konkurencji, przynajmniej darmowej, sam Shepherd jest zdecydowanie bardziej rozbudowany. Do dyspozycji mamy całą masę możliwości sterowania skryptem, które doskonale opisane są w kompleksowej dokumentacji. Kolejne dymki budowane są, tworząc kolejne kroki. Te z kolei odwołują się do konkretnej klasy elementu, zawierają także tytuł i opis, w formacie widocznym poniżej. Sami zobaczcie, cóż to cudo potrafi.

[code]

tour = new Shepherd.Tour
defaults:
classes: 'shepherd-theme-arrows’

tour.addStep 'example’,
title: 'Example Shepherd’
text: 'Creating a Shepherd is easy too! Just create …’
attachTo: ’.hero-example bottom’
advanceOn: ’.docs-link click’

tour.start()

[/code]

Demo Pobierz