how to make slide js in owl carousel auto 1

how to make slide js in owl carousel auto

ByAnurag batra 
$(document).ready(function(){
  owl = $(".owl-carousel");
  owl.owlCarousel({
      loop:true,
      autoplaySpeed:1000,
      items:5,
      autoplay:true
  });
});

Here is what the above code is Doing:
1. We are creating a variable called owl and assigning it to the class owl-carousel.
2. We are then calling the owlCarousel() function on the owl variable.
3. We are passing in a JSON object with the following properties:
a. loop: true – this will loop the carousel
b. autoplaySpeed: 1000 – this will set the speed of the carousel to 1 second
c. items: 5 – this will set the number of items to 5
d. autoplay: true – this will set the carousel to autoplay

Similar Posts

useeffect clearinterval loading

useeffect clearinterval loading

ByAnurag batra

const Loading = () => { const [loadingStatus, setLoadingStatus] = useState(“.”); useEffect(() => { const intervalId = setInterval(() => { setLoadingStatus(ls => ls + “.”); }, 1000); return () => clearInterval(intervalId); }, []); return {`Loading ${loadingStatus}`}; }; Here is what the above code is Doing: 1. We’re using the useState hook to create a state…

js every

js every

ByAnurag batra

const age= [2,7,12,17,21]; age.every(function(person){ return person>18; }); //false //es6 const age= [2,7,12,17,21]; age.every((person)=> person>18); //false Here is what the above code is Doing: 1. We have an array of ages. 2. We use the every() method to check if every person in the array is over 18. 3. We pass in a callback function that…

date from => to

date from => to

ByAnurag batra

flatpickr({ “plugins”: [new rangePlugin({ input: “#secondRangeInput”})] }); Here is what the above code is Doing: 1. We’re importing the rangePlugin from the flatpickr package. 2. We’re creating a new instance of the rangePlugin and passing in the id of the second input field. 3. We’re initializing the first input field with the rangePlugin. 4. We’re…

react native flatlist container style

react native flatlist container style

ByAnurag batra

import React from ‘react’; import { SafeAreaView, View, FlatList, StyleSheet, Text, StatusBar } from ‘react-native’; const DATA = [ { id: ‘bd7acbea-c1b1-46c2-aed5-3ad53abb28ba’, title: ‘First Item’, }, { id: ‘3ac68afc-c605-48d3-a4f8-fbd91aa97f63’, title: ‘Second Item’, }, { id: ‘58694a0f-3da1-471f-bd96-145571e29d72’, title: ‘Third Item’, }, ]; const Item = ({ title }) => ( {title} ); const App = ()…

effect jquery

effect jquery

ByAnurag batra

$(“#demo”).hide(); // sets to display: none $(“#demo”).show(200); // shows hidden elemnt with animation (speed) $(“#demo”).toggle(); // toggle between show and hide $( “#element” ).hide( “slow”, function() { // hide with callback function console.log( “Animation complete.” ); }); Here is what the above code is Doing: 1. Selects the element with the ID of demo and…