Breaking News: Grepper is joining You.com. Read the official announcement!

using an owl carousel in a project - stackoverflow

Quaint Quail answered on August 13, 2024 Popularity 1/10 Helpfulness 1/10

answer using an owl carousel in a project - stackoverflow

using an owl carousel in a project - stackoverflow

Comment

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://kit.fontawesome.com/e7db147a51.js" crossorigin="anonymous"></script>
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
    <link rel="stylesheet" href="index.css">

    
</head>
<body>
    <div class="owl-carousel owl-theme">
        <div class="item"><img src="https://via.placeholder.com/1200"></div>
        <div class="item"><img src="https://via.placeholder.com/1200"></div>
        <div class="item"><img src="https://via.placeholder.com/1200"></div>
    </div>
</body>
<script src="jquery-3.5.1.min.js"></script>
<script src="index.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" ></script>
<script>
$(document).ready(function(){
  $('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
    0:{
        items:1
    },
    600:{
        items:3
    },
    1000:{
        items:5
    }
}
})
});
</script>
</html>
 Run code snippetHide results

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: owl-carousel project stack-overflow using whatever

Link to this answer
Share Copy Link

Contributed on Aug 13 2024

Quaint Quail

0 Answers Avg Quality 2/10

using an owl carousel in a project - stackoverflow

Contents

More Related Answers

using an owl carousel in a project - stackoverflow

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.