Add owl carousel slider in your website
<link href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.js"></script>
<script>
jQuery(document).ready(function(){
jQuery("#owl-demo").owlCarousel({
autoPlay : 4000,
navigation : false, // Show next and prev buttons
slideSpeed : 300,
paginationSpeed : false,
singleItem:true
});});
</script>
<div id="owl-demo" class="owl-carousel owl-theme">
<div class="item"><img src="images/wordpress.jpg" alt="Wordpress"></div>
<div class="item"><img src="images/bootstrap.jpg" alt="Bootstrap"></div>
<div class="item"><img src="images/php.jpg" alt="Php"></div>
<div class="item"><img src="images/designing.jpg" alt="Designing"></div>
<div class="item"><img src="images/ajax.jpg" alt="Ajax"></div>
</div>
<link href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.js"></script>
<script>
jQuery(document).ready(function(){
jQuery("#owl-demo").owlCarousel({
autoPlay : 4000,
navigation : false, // Show next and prev buttons
slideSpeed : 300,
paginationSpeed : false,
singleItem:true
});});
</script>
<div id="owl-demo" class="owl-carousel owl-theme">
<div class="item"><img src="images/wordpress.jpg" alt="Wordpress"></div>
<div class="item"><img src="images/bootstrap.jpg" alt="Bootstrap"></div>
<div class="item"><img src="images/php.jpg" alt="Php"></div>
<div class="item"><img src="images/designing.jpg" alt="Designing"></div>
<div class="item"><img src="images/ajax.jpg" alt="Ajax"></div>
</div>
No comments:
Post a Comment