Advertisement
oscarviedma

Código integración Swiper JS Testimonios Dinámicos - OVDIVI

Aug 25th, 2023
973
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.73 KB | None | 0 0
  1. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/>
  2. <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
  3.  
  4. <script>
  5. // Inicializar Swiper
  6. var mySwiper = new Swiper('.ov-swiper-testimonios', {
  7. // Opciones de configuración de Swiper
  8. slidesPerView: 1,
  9. spaceBetween: 30,
  10. grabCursor: 'true',
  11. //loop: true,
  12. //centeredSlides: 'true',
  13. speed: 500,
  14. navigation: {
  15. nextEl: '.swiper-button-next',
  16. prevEl: '.swiper-button-prev',
  17. },
  18. breakpoints: {
  19. 640: {
  20. slidesPerView: 2,
  21. },
  22. 768: {
  23. slidesPerView: 2,
  24. },
  25. 1024: {
  26. slidesPerView: 3,
  27. },
  28. 1200: {
  29. slidesPerView: 3,
  30. },
  31. },
  32. });
  33. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement