| 12345678910111213141516171819202122232425262728293031 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport"
- content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>Document</title>
- <link href="https://cdn.bootcdn.net/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css" rel="stylesheet">
- <link href="https://cdn.bootcdn.net/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" rel="stylesheet">
- </head>
- <body>
- <div id="owl-demo" class="owl-carousel">
- <a class="item"><img src="https://swiperjs.com/demos/images/nature-1.jpg" alt=""></a>
- <a class="item"><img src="https://swiperjs.com/demos/images/nature-1.jpg" alt=""></a>
- <a class="item"><img src="https://swiperjs.com/demos/images/nature-3.jpg" alt=""></a>
- <a class="item"><img src="https://swiperjs.com/demos/images/nature-4.jpg" alt=""></a>
- <a class="item"><img src="https://swiperjs.com/demos/images/nature-5.jpg" alt=""></a>
- <a class="item"><img src="https://swiperjs.com/demos/images/nature-6.jpg" alt=""></a>
- <a class="item"><img src="https://swiperjs.com/demos/images/nature-7.jpg" alt=""></a>
- </div>
- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
- <script src="https://cdn.bootcdn.net/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.js"></script>
- <script>
- $(function(){
- $('#owl-demo').owlCarousel();
- });
- </script>
- </body>
- </html>
|
