簡介

• 相容所有瀏覽器
• 支援響應式
• 支援 CSS3 過度
• 支援觸控事件
• 支援 JSON 及自定義 JSON 格式
• 支援進度條
• 支援自定義事件
• 支援延遲載入
• 支援自適應高度

相容

線上演示及下載

使用方法

<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.theme.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/owl.carousel.js"></script>

HTML結構

<div id="owl-demo" class="owl-carousel">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div>7</div>
    <div>8</div>
</div>

 

JavaScript

$(function(){
    $('#owl-example').owlCarousel();
});

引數

回撥函式

自定義事件