How to Customized or add Owl Carousal Slider

How to Customized or add Owl Carousal Slider:

The HTML is,

<div class="banner_owl_carousal">
<img src ="img1.jpg" >
<img src ="img2.jpg" >
<img src ="img3.jpg" >
</div>

The Script is below,

<script>
$(document).ready(function(){ 
    var a=$(".banner_owl_carousal");  
    $(".citywise_banner_owl_carousal").owlCarousel({ 
       items:1, 
       pagination:false, 
       itemsDesktop:1, 
       itemsDesktopSmall:1, 
       itemsTablet:1, \
       itemsMobile:1, 
    }); 

$(".next_slider").click(function(){a.trigger("owl.next")}); $(".prev_slider").click(function(){a.trigger("owl.prev")})});

</script>

 

Resource:
https://www.jqueryscript.net/demo/Powerful-Customizable-jQuery-Carousel-Slider-OWL-Carousel/

 

Leave a Reply

Your email address will not be published. Required fields are marked *