全面解析多种Bootstrap图片轮播效果

发布时间：2020-12-18 00:54:23 所属栏目：安全来源：网络整理

导读：分享了三种效果，相信总有一款你满意的！第一种效果： Bootstrap简单轮播 Bootstrap 实例 - 简单的轮播（Carousel）插件 div id="myCarousel" class="carousel slide" ol class="carousel-indicators" li data-target="#myCarousel" data-slide-to="0" clas

分享了三种效果，相信总有一款你满意的！

第一种效果：

Bootstrap简单轮播

Bootstrap 实例 - 简单的轮播（Carousel）插件

在 carousel() 方法中可以设置具体的参数，如：

使用时，在初始化插件的时候可以传关相关的参数，如：

Bootstrap 框架中的 carousel 插件还给使用者提供了几种特殊的调用方法，简单说明如下:

.carousel("cycle")：从左向右循环播放； .carousel("pause")：停止循环播放； .carousel("number")：循环到指定的帧，下标从0开始，类似数组； .carousel("prev")：返回到上一帧； .carousel("next")：下一帧

用data属性控制轮播：

Bootstrap 实例 - 轮播（Carousel）插件方法