Advertisement
oscarviedma

Código integración slick.js con divi - Carrusel Slider Vertical

Apr 13th, 2024
964
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.00 KB | None | 0 0
  1. <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
  2. <script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  3.  
  4. <script>
  5. jQuery(document).ready(function($) {
  6.     var $titleCarousel = $('#ov-caracteristicas-carousel .ov-title-carousel');
  7.   var $contentCarousel = $('#ov-caracteristicas-carousel .ov-content-carousel');
  8.  
  9.   $titleCarousel.slick({
  10.     vertical: true,
  11.     slidesToShow: 3,
  12.     slidesToScroll: 1,
  13.     arrows: true,
  14.     asNavFor: $contentCarousel,
  15.     focusOnSelect: true,
  16.     centerMode: true,
  17.     centerPadding: '50px',
  18.     autoplay: 1,
  19.         autoplaySpeed: 5000,
  20.     pauseOnHover: 1,   
  21.     prevArrow: '<button type="button" class="slick-prev">B</button>',
  22.     nextArrow: '<button type="button" class="slick-next">C</button>'
  23.   });
  24.  
  25.   $contentCarousel.slick({
  26.     slidesToShow: 1,
  27.     slidesToScroll: 1,
  28.     arrows: false,
  29.     fade: false,
  30.     asNavFor: $titleCarousel,
  31.   });
  32. });
  33. </script>
  34.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement