docs/example/carousel.html · Ericoder/zui

Fetch the repository succeeded.

richgiteeai

Watch

Unwatch Watching Releases Only Ignoring

1 Star 0 Fork 219

Ericoder/zui

forked from easysoft/zui

Code Pull Requests 0 Insights Pipelines

Service

Tencent Cloud Serverless

Create your Gitee Account

Explore and code with more than 14 million developers,Free private repositories !:)

Already have an account? Sign in

文件

master

Branches (2)

Tags (4)

Manage

master

gh-pages

zui_1.2.stable_20141118

zui_1.2.beta_20141030

zui_1.1.stable_20140805

zui_1.0.stable_20140724

Clone or Download

Clone/Download

HTTPS SSH SVN SVN+SSH Download ZIP

Prompt

To download the code, please copy the following command and execute it in the terminal

To ensure that your submitted code identity is correctly recognized by Gitee, please execute the following command.

git config --global user.name userName 
git config --global user.email userEmail

When using the SSH protocol for the first time to clone or push code, follow the prompts below to complete the SSH configuration.

1 Generate RSA keys.

2 Obtain the content of the RSA public key and configure it in SSH Public Keys

To use SVN on Gitee, please visit the usage guide

When using the HTTPS protocol, the command line will prompt for account and password verification as follows. For security reasons, Gitee recommends configure and use personal access tokens instead of login passwords for cloning, pushing, and other operations.

Username for 'https://gitee.com': userName

Password for 'https://userName@gitee.com': # Private Token

Branches 2

Tags 4

zui

docs

example

carousel.html

carousel.html 27.57 KB

<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset='utf-8'>
 <link href="../css/zui.min.css" rel="stylesheet">
 <link href="../css/example.css" rel="stylesheet">

<h3>类型</h3>
 <h4>基本类型</h4>
 <div class='container'>
 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 <ol class="carousel-indicators">
 <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 </ol>
 <div class="carousel-inner">
 <div class="item active">
 <img alt="First slide" src="data:image/png;base64,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AAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACE+heY6gOnQOMydAAAAABJRU5ErkJggg==">
 <div class="carousel-caption">
 <h3>我是第一张幻灯片</h3>
 <p>天下熙熙皆为利来~</p>
 </div>
 </div>
 <div class="item">
 <img alt="Second slide" src="data:image/png;base64,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AACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAqP8B61bofVmTOUsAAAAASUVORK5CYII=">
 <div class="carousel-caption">
 <h3>我是第二张幻灯片</h3>
 <p>天下攘攘皆为利往~</p>
 </div>
 </div>
 <div class="item">
 <img alt="Third slide" src="data:image/png;base64,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BCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQKj/AjVbIrFi9ysIAAAAAElFTkSuQmCC">
 <div class="carousel-caption">
 <h3>我是第三张幻灯片</h3>
 <p>最后一张咯~</p>
 </div>
 </div>
 </div>
 <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
 <span class="glyphicon-chevron-left icon-chevron-left"></span>
 </a>
 <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
 <span class="glyphicon-chevron-right icon-chevron-right"></span>
 </a>
 </div>
 </div>

<h3>变化</h3>
 <h4>选项</h4>
 <p>可以将选项通过data属性或JavaScript传递。对于data属性,需要将选项名称放到<code>data-</code>之后,例如<code>data-interval=""</code>。</p>
 <div class="table-responsive">
 <table class="table table-bordered table-striped">
 <thead>
 <tr>
 <th style="width: 100px;">名称</th>
 <th style="width: 50px;">类型</th>
 <th style="width: 50px;">默认值</th>
 <th>描述</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>interval</td>
 <td>number</td>
 <td>5000</td>
 <td>幻灯片轮换的等待时间。如果为false,轮播将不会自动开始循环。</td>
 </tr>
 <tr>
 <td>pause</td>
 <td>string</td>
 <td>"hover"</td>
 <td>鼠标停留在幻灯片区域即暂停轮播,鼠标离开即启动轮播。</td>
 </tr>
 <tr>
 <td>wrap</td>
 <td>boolean</td>
 <td>true</td>
 <td>轮播是否持续循环。</td>
 </tr>
 </tbody>
 </table>
 </div>

<h4>方法和事件</h4>
 <p>可以将选项通过data属性或JavaScript传递。对于data属性,需要将选项名称放到<code>data-</code>之后,例如<code>data-interval=""</code>。</p>
 <div class="table-responsive">
 <table class="table table-bordered table-striped">
 <thead>
 <tr>
 <th style="width: 100px;">方法</th>
 <th>描述</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td><code>.carousel(options)</code></td>
 <td>初始化轮播组件,接受一个可选的object类型的options参数,并开始幻灯片循环。</td>
 </tr>
 <tr>
 <td><code>.carousel('cycle')</code></td>
 <td>从左到右循环各帧。</td>
 </tr>
 <tr>
 <td><code>.carousel('pause')</code></td>
 <td>停止轮播。</td>
 </tr>
 <tr>
 <td><code>.carousel(number)</code></td>
 <td>将轮播定位到指定的帧上(帧下标以0开始,类似数组)。</td>
 </tr>
 <tr>
 <td><code>.carousel('pre')</code></td>
 <td>返回上一帧。</td>
 </tr>
 <tr>
 <td><code>.carousel('next')</code></td>
 <td>转到下一帧。</td>
 </tr>
 </tbody>
 </table>
 </div>

<p>Bootstrap的轮播组件暴露了两个事件用于监听。</p>
 <table class="table table-bordered table-striped">
 <thead>
 <tr>
 <th style="width: 150px;">事件类型</th>
 <th>描述</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>slide.bs.carousel</td>
 <td>此事件在<code>slide</code>方法被调用之后立即出发。</td>
 </tr>
 <tr>
 <td>slid.bs.carousel</td>
 <td>当所有幻灯片播放完之后被触发。</td>
 </tr>
 <tr>
 <td colspan='2'>
 <code class="language-js">$('#myCarousel').on('slide.bs.carousel', function() {// do something...})</code>
 </td>
 </tr>
 </tbody>
 </table>

</section>
</article>
</body>
</html>

Copy Edit Raw Blame History

Catouse authored 2014年07月24日 15:43 +08:00 . * updated examples.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227

<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset='utf-8'>
 <link href="../css/zui.min.css" rel="stylesheet">
 <link href="../css/example.css" rel="stylesheet">

 <script src="../../assets/jquery.js"></script>
 <script src="../../dist/js/zui.min.js"></script>






 <script src="../assets/js/example.js"></script>
</head>
<body>
 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 <div class="navbar-header">
 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
 <span class="sr-only">Toggle navigation</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 </button>
 <a class="navbar-brand" href="#">ZUI</a>
 </div>
 <div class="collapse navbar-collapse" id="navbar">
 <ul class="nav navbar-nav">
 <li class="dropdown">
 <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span id="navbarCurrent">examples</span> <b class="caret"></b></a>
 <ul class="dropdown-menu" role="menu">
 <li><a href="alerts.html">alerts</a></li>
 <li><a href="article.html">article</a></li>
 <li><a href="breadcrumb.html">breadcrumb</a></li>
 <li><a href="button-groups.html">button-groups</a></li>
 <li><a href="buttons.html">buttons</a></li>
 <li><a href="cards.html">cards</a></li>
 <li><a href="carousel.html">carousel</a></li>
 <li><a href="chosen.html">chosen</a></li>
 <li><a href="collapse.html">collapse</a></li>
 <li><a href="colorset.html">colorset</a></li>
 <li><a href="comment.html">comment</a></li>
 <li><a href="dropdowns.html">dropdowns</a></li>
 <li><a href="forms.html">forms</a></li>
 <li><a href="grid.html">grid</a></li>
 <li><a href="icons.html">icons</a></li>
 <li><a href="input-groups.html">input-groups</a></li>
 <li><a href="kindeditor.html">kindeditor</a></li>
 <li><a href="labels.html">labels</a></li>
 <li><a href="lightbox.html">Lightbox</a></li>
 <li><a href="list-group.html">list-group</a></li>
 <li><a href="list.html">list</a></li>
 <li><a href="modals.html">modals</a></li>
 <li><a href="navbars.html">navbars</a></li>
 <li><a href="navs.html">navs</a></li>
 <li><a href="pager.html">pager</a></li>
 <li><a href="panels.html">panels</a></li>
 <li><a href="popovers.html">popovers</a></li>
 <li><a href="progress.html">progress</a></li>
 <li><a href="tables.html">tables</a></li>
 <li><a href="tabs.html">tabs</a></li>
 <li><a href="textbox.html">textbox</a></li>
 <li><a href="tooltip.html">tooltip</a></li>
 <li><a href="type.html">type</a></li>
 </ul>
 </li>
 <li id="navbarNext"><a href="###">NEXT <i class="icon-angle-right icon-large"></i></a></li>
 </ul>
 </div>
 </nav>
<article>
 <section id='carousel' class="page-section">
 <h1>轮播</h1>
 <p>
 使用方法一:通过data属性可以很容易的控制轮播的定位。 <code>data-slide</code> 可以接受控制播放位置的
 <code>prev</code> 或 <code>next</code> 关键字。另外,还可以通过 <code>data-slide-to</code> 传递以 <code>0</code>
 开始的幻灯片下标。 <code>data-ride="carousel"</code> 属性用来标记在页面加载之后即开始启动的轮播组件。
 </p>
 <p>使用方法二:通过js手动启动轮播组件:<code>$('.carousel').carousel()</code></p>

 <h3>类型</h3>
 <h4>基本类型</h4>
 <div class='container'>
 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 <ol class="carousel-indicators">
 <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 </ol>
 <div class="carousel-inner">
 <div class="item active">
 <img alt="First slide" src="data:image/png;base64,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AAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACE+heY6gOnQOMydAAAAABJRU5ErkJggg==">
 <div class="carousel-caption">
 <h3>我是第一张幻灯片</h3>
 <p>天下熙熙皆为利来~</p>
 </div>
 </div>
 <div class="item">
 <img alt="Second slide" src="data:image/png;base64,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AACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAqP8B61bofVmTOUsAAAAASUVORK5CYII=">
 <div class="carousel-caption">
 <h3>我是第二张幻灯片</h3>
 <p>天下攘攘皆为利往~</p>
 </div>
 </div>
 <div class="item">
 <img alt="Third slide" src="data:image/png;base64,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BCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQChBCAAAEEoQAgAAhBKEAAAAoQQhAABAKEEIAAAQShACAACEEoQAAAChBCEAAEAoQQgAABBKEAIAAIQShAAAAKEEIQAAQKj/AjVbIrFi9ysIAAAAAElFTkSuQmCC">
 <div class="carousel-caption">
 <h3>我是第三张幻灯片</h3>
 <p>最后一张咯~</p>
 </div>
 </div>
 </div>
 <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
 <span class="glyphicon-chevron-left icon-chevron-left"></span>
 </a>
 <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
 <span class="glyphicon-chevron-right icon-chevron-right"></span>
 </a>
 </div>
 </div>

 <h3>变化</h3>
 <h4>选项</h4>
 <p>可以将选项通过data属性或JavaScript传递。对于data属性,需要将选项名称放到<code>data-</code>之后,例如<code>data-interval=""</code>。</p>
 <div class="table-responsive">
 <table class="table table-bordered table-striped">
 <thead>
 <tr>
 <th style="width: 100px;">名称</th>
 <th style="width: 50px;">类型</th>
 <th style="width: 50px;">默认值</th>
 <th>描述</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>interval</td>
 <td>number</td>
 <td>5000</td>
 <td>幻灯片轮换的等待时间。如果为false,轮播将不会自动开始循环。</td>
 </tr>
 <tr>
 <td>pause</td>
 <td>string</td>
 <td>"hover"</td>
 <td>鼠标停留在幻灯片区域即暂停轮播,鼠标离开即启动轮播。</td>
 </tr>
 <tr>
 <td>wrap</td>
 <td>boolean</td>
 <td>true</td>
 <td>轮播是否持续循环。</td>
 </tr>
 </tbody>
 </table>
 </div><!-- /.table-responsive -->

 <h4>方法和事件</h4>
 <p>可以将选项通过data属性或JavaScript传递。对于data属性,需要将选项名称放到<code>data-</code>之后,例如<code>data-interval=""</code>。</p>
 <div class="table-responsive">
 <table class="table table-bordered table-striped">
 <thead>
 <tr>
 <th style="width: 100px;">方法</th>
 <th>描述</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td><code>.carousel(options)</code></td>
 <td>初始化轮播组件,接受一个可选的object类型的options参数,并开始幻灯片循环。</td>
 </tr>
 <tr>
 <td><code>.carousel('cycle')</code></td>
 <td>从左到右循环各帧。</td>
 </tr>
 <tr>
 <td><code>.carousel('pause')</code></td>
 <td>停止轮播。</td>
 </tr>
 <tr>
 <td><code>.carousel(number)</code></td>
 <td>将轮播定位到指定的帧上(帧下标以0开始,类似数组)。</td>
 </tr>
 <tr>
 <td><code>.carousel('pre')</code></td>
 <td>返回上一帧。</td>
 </tr>
 <tr>
 <td><code>.carousel('next')</code></td>
 <td>转到下一帧。</td>
 </tr>
 </tbody>
 </table>
 </div><!-- /.table-responsive -->

 <p>Bootstrap的轮播组件暴露了两个事件用于监听。</p>
 <table class="table table-bordered table-striped">
 <thead>
 <tr>
 <th style="width: 150px;">事件类型</th>
 <th>描述</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>slide.bs.carousel</td>
 <td>此事件在<code>slide</code>方法被调用之后立即出发。</td>
 </tr>
 <tr>
 <td>slid.bs.carousel</td>
 <td>当所有幻灯片播放完之后被触发。</td>
 </tr>
 <tr>
 <td colspan='2'>
 <code class="language-js">$('#myCarousel').on('slide.bs.carousel', function() {// do something...})</code>
 </td>
 </tr>
 </tbody>
 </table>

 </section>
</article>
</body>
</html>