JavaScript
$(function(){
$('#owl-demo').owlCarousel({
items: 1
});
//或者
/*
$('#owl-demo').owlCarousel({
singleItem: true
});
*/
});
HTML
<div id="owl-demo" class="owl-carousel">
<a class="item"><img src="img/fullimage1.jpg" alt=""></a>
<a class="item"><img src="img/fullimage2.jpg" alt=""></a>
<a class="item"><img src="img/fullimage3.jpg" alt=""></a>
<a class="item"><img src="img/fullimage4.jpg" alt=""></a>
<a class="item"><img src="img/fullimage5.jpg" alt=""></a>
</div>
CSS
#owl-demo {
width: 900px;
margin-left: auto;
margin-right: auto;
}
#owl-demo .item {
display: block;
}
#owl-demo img {
display: block;
width: 100%;
}