1

2

3

4

6

7

8

9

10

11

12

13

14

15

Overview

鍦ㄥ厓绱犱笂璁剧疆瀹藉害鍙互鑾峰彇浣犳兂瑕佺殑缁撴灉銆傚鏋滆浣跨敤鏃犻檺寰幆鍙互璁剧疆鍙傛暟'items'澶т簬1銆傚畠渚濊禆浜庝綘鐨勫唴瀹圭殑瀹藉害銆?/p>

Setup

$('.owl-carousel').owlCarousel({
    margin:10,
    loop:true,
    autoWidth:true,
    items:4
})

html

<div class="owl-carousel">
    <div class="item" style="width:250px"><h4>1</h4></div>
    <div class="item" style="width:100px"><h4>2</h4></div>
    <div class="item" style="width:500px"><h4>3</h4></div>
    <div class="item" style="width:100px"><h4>4</h4></div>
    <div class="item" style="width:50px"><h4>6</h4></div>
    <div class="item" style="width:250px"><h4>7</h4></div>
    <div class="item" style="width:120px"><h4>8</h4></div>
    <div class="item" style="width:420px"><h4>9</h4></div>
    <div class="item" style="width:120px"><h4>10</h4></div>
    <div class="item" style="width:300px"><h4>11</h4></div>
    <div class="item" style="width:450px"><h4>12</h4></div>
    <div class="item" style="width:220px"><h4>13</h4></div>
    <div class="item" style="width:150px"><h4>14</h4></div>
    <div class="item" style="width:600px"><h4>15</h4></div>
</div>

Auto Width

1

2

3

4

6

7

8

9

10

11

12

13

14

15

Overview

Setup

html