var setupShepherd = function () { var shepherd = new Shepherd.Tour({ defaults: { classes: 'shepherd-element shepherd-open shepherd-theme-arrows', showCancelLink: true, scrollTo: true } }); shepherd.on('cancel', function () { // função chamada ao cancelar ou sair do tutorial }); shepherd.on('start', function () { // função chamada ao iniciar o tutorial }); // Primeira mensagem do tutorial shepherd.addStep('shep_intro', { text: [lang.intro], classes: 'shepherd shepherd-open shepherd-theme-arrows shepherd-transparent-text', buttons: [ { text: lang.leave, classes: 'shepherd-button-secondary', action: function () { // Função chamada ao clicar no primeiro botão. // Se necessário, escrever seu código aqui shepherd.cancel(); } }, { text: lang.next, action: function () { // Função chamada ao clicar no segundo botão. // Se necessário, escrever seu código aqui shepherd.next(); }, classes: 'shepherd-button-example-primary' } ] }); // Tour no meio shepherd.addStep('shep_cam', { text: [lang.introcamera], attachTo: 'img.cam center', // A primeira string indica o elemento focado, isto é, uma tag img com classe cam. A string após o espaço indica a posição da mensagem será no centro deste elemento // Sem este campo attachTo, a mensagem aparecerá no meio da página classes: 'shepherd shepherd-open shepherd-theme-arrows shepherd-transparent-text', buttons: [ { text: lang.previous, classes: 'shepherd-button-secondary', action: function () { shepherd.back(); } }, { text: lang.next, action: function () { shepherd.next(); }, classes: 'shepherd-button-example-primary' } ] }); shepherd.addStep('shep_report', { text: [lang.report], classes: 'shepherd shepherd-open shepherd-theme-arrows shepherd-transparent-text', buttons: [ { text: lang.previous, classes: 'shepherd-button-secondary', action: function () { shepherd.back(); } }, { text: lang.done, action: function () { shepherd.cancel(); }, classes: 'shepherd-button-example-primary' } ] }); return shepherd; };