Skip to main content

How to use - Owl Carousel

 

Use the owl carousel for any project


Step : 1


https://owlcarousel2.github.io/OwlCarousel2

Step : 2 

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css"
    integrity="sha512-X/RSQYxFb/tvuz6aNRTfKXDnQzmnzoawgEQ4X8nZNftzs8KFFH23p/BA6D2k0QCM4R0sY1DEy9MIY9b3fwi+bg=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css"
    integrity="sha512-f28cvdA4Bq3dC9X9wNmSx21rjWI+5piIW/uoc2LuQ67asKxfQjUow2MkcCNcfJiaLrHcGbed1wzYe3dlY4w9gA=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />


Step : 3


 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
      integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
      crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js"
      integrity="sha512-9CWGXFSJ+/X0LWzSRCZFsOPhSfm6jbnL+Mpqo0o8Ke2SYr8rCTqb4/wGm+9n13HtDE1NQpAEOrMecDZw4FXQGg=="
      crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script>


Step : 4


<div class="owl-carousel"> <div> Your Content </div> <div> Your Content </div> <div> Your Content </div> <div> Your Content </div> <div> Your Content </div> <div> Your Content </div> <div> Your Content </div> </div>


Step: 6


<script>
$(document).ready(function(){ $(".owl-carousel").owlCarousel(); });
</script>



Step: 7




<script>
$('.owl-carousel').owlCarousel({ loop:true, margin:10, nav:true, responsive:{ 0:{ items:1 }, 600:{ items:3 }, 1000:{ items:5 } } })

</script>


Use step 6 or step 7


Use this code your project







Labels:
Location: India

Comments

Post a Comment

Popular posts from this blog

Santa Claus Village : Finland

Santa Claus Village is a year-round enchanting destination that embodies the spirit of Christmas and is situated in Rovaniemi, Finland. This charming community, which is tucked away in the Arctic Circle and is recognized as Santa Claus' official hometown, is a must-visit location for both families and Christmas lovers. Experience the magic and delight of the holidays in a charming winter wonderland setting at Santa Claus Village. The town has a quaint feel right out of a Christmas novel thanks to its festive décor, sparkling lights, and quaint houses. Meeting Santa Claus himself is one of the pleasures of Santa Claus Village. Guests can see Santa in his jovial Santa Claus Office, where he extends a warm welcome to everyone worldwide. Kids can snap pictures, tell Santa what they want for Christmas, and get a unique memento to remember their visit. There are many of other things to do in the hamlet besides visiting Santa Claus. In addition to sending letters and postcards stamped wit...
Post a Comment
Read more

Pakistan: Entire History, Culture, and Gorgeous Beauty

  Pakistan, which is tucked away in the center of South Asia, is a culturally and historically diverse nation with a wealth of natural beauty. Pakistan is an enthralling fusion of heritage and modernity, encompassing the ancient ruins of Mohenjo-Daro and the beautiful peaks of the Himalayas. Come with me as we set off to discover the splendors of this captivating country. Cultural Heritage Pakistan's geography is as varied as its cultural legacy. The Indus Valley Civilization, the Mughals, and the British Raj are just a few of the civilizations that have shaped the region over its 5,000-year history. Immerse yourself in the lively Lahore bazaars, where the sounds of centuries-old customs continue to resonate. Admire the exquisite workmanship of bygone centuries as you explore the elaborate architecture of Lahore Fort and Badshahi Mosque. Visit the shrines of well-known saints, such as Data Ganj Bakhsh and Lal Shahbaz Qalandar, where followers congregate to find spiritual comfort, t...
Post a Comment
Read more

React JS Interview Q & A

1. What is DOCTYPE in HTML? DOCTYPE is an instruction that is used in the beginning of an HTML or XHTML document to inform a web browser about the version and type of HTML or XHTML being used. It is not an HTML tag; it is an "information" to the browser about what document type to expect. It is important to include the DOCTYPE in your HTML documents in order for the browser to correctly render the content of your web page. 2.What are the new HTML5 features? Semantic Elements: HTML5 introduces new semantic elements like <header>, <nav>, <article>, <section>, <aside>, <figure> and <figcaption>, which provide additional meaning to the content of a web page. Audio and Video Support: HTML5 includes built-in support for audio and video, eliminating the need for third-party plugins like Flash. Canvas: HTML5 introduces the <canvas> element, which allows for dynamic, scriptable rendering of 2D shapes and bitmap images. Web Storage: HTML5...
Post a Comment
Read more