Get started with bxslider CDN
MIT licensed
BxSlider is a lightweight, responsive image carousel created with jQuery for seamless slideshow presentation.
Tags:- responsive
- carousel
- bxslider
- jQuery
- plugin
Stable version
Copied!
How to start using bxslider CDN
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.cdnhub.io/bxslider/4.2.15/jquery.bxslider.min.js"></script>
<style>
#slider {
width: 100%;
height: 200px;
}
</style>
</head>
<body>
<div id="slider">
<ul>
<li><img src="image1.jpg" alt="Image 1"></li>
<li><img src="image2.jpg" alt="Image 2"></li>
<li><img src="image3.jpg" alt="Image 3"></li>
<li><img src="image4.jpg" alt="Image 4"></li>
</ul>
</div>
<script>
$(document).ready(function() {
$('#slider').bxSlider({
pager: false,
nextText: 'Next',
prevText: 'Previous'
});
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!