Advertisement
oscarviedma

Integración intro.js con divi

Feb 27th, 2022
1,388
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.52 KB | None | 0 0
  1. <link rel="stylesheet" href="https://unpkg.com/intro.js/minified/introjs.min.css" />
  2. <script src="https://unpkg.com/intro.js/minified/intro.min.js"></script>
  3.  
  4. <script>
  5. introJs().setOptions({
  6. nextLabel: 'Siguiente',
  7. prevLabel: 'Anterior',
  8. doneLabel: 'Hecho',
  9. steps: [{
  10. title: 'Bienvenido',
  11. intro: '¡Hola! Bievenido a OV DIVI 👋'
  12. },
  13. {
  14. element: document.querySelector('.paso-01'),
  15. title: '¡Aquí empezamos!',
  16. intro: 'Esta es una descripción y puedes introducir lo que tu quieras.',
  17. },
  18. {
  19. element: document.querySelector('.paso-02'),
  20. title: 'Paso 2',
  21. intro: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'
  22. },
  23. {
  24. element: document.querySelector('.paso-03'),
  25. title: 'Paso 3',
  26. intro: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
  27. position: 'left'
  28. },
  29. {
  30. element: document.querySelector('.paso-04'),
  31. title: 'Paso 4',
  32. intro: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
  33. },
  34. {
  35. element: document.querySelector('.paso-05'),
  36. title: 'Paso 5',
  37. intro: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
  38. position: 'right'
  39. },
  40. {
  41. intro: '<img src="https://i.giphy.com/media/ujUdrdpX7Ok5W/giphy.webp" onerror="this.onerror=null;this.src=\'https://i.giphy.com/ujUdrdpX7Ok5W.gif\';" alt="">'
  42. }],
  43. }).start();
  44. </script>
  45.  
  46.  
  47.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement