JAVASCRIPT   51

app js

Guest on 24th May 2022 01:07:45 AM

  1. $( document ).ready(function() {
  2.    
  3.         //Owl Carousel
  4.         $('.owl-carousel').owlCarousel({
  5.           loop:true,
  6.           margin:10,
  7.           nav:true,
  8.           responsive:{
  9.               0:{
  10.                   items:1
  11.               },
  12.               600:{
  13.                   items:3
  14.               },
  15.               1000:{
  16.                   items:4
  17.               }
  18.           }
  19.         });
  20.  
  21. //bxSlider
  22. $('.bxSlider').bxSlider({
  23.         mode: 'horizontal',
  24.   responsive: true,
  25.   video:true,
  26.   pager: true,
  27.   moveSlides: 1,
  28.   slideMargin: 40,
  29.   infiniteLoop: true,
  30.   slideWidth: 660,
  31.   minSlides: 3,
  32.   maxSlides: 3,
  33.   speed: 800,
  34. });
  35.  
  36. //Slider Pro
  37.   $( '#slider_pro' ).sliderPro({
  38.         width: 1140,
  39.     height: 400,
  40.     fullScreen: true,
  41.     arrows: true,
  42.     buttons: false,
  43.     waitForLayers: true,
  44.     thumbnailWidth: 200,
  45.     thumbnailHeight: 100,
  46.     thumbnailPointer: true,
  47.     autoplay: true,
  48.     autoScaleLayers: false,
  49.     breakpoints: {
  50.       1000:{
  51.         height: 450
  52.       },
  53.       800:{
  54.         height: 500
  55.       },
  56.       500: {
  57.         height: 600
  58.       }
  59.     }
  60.   });
  61.  
  62.   //Least
  63.   $('.least-gallery').least();
  64. });

Raw Paste


Login or Register to edit or fork this paste. It's free.