Bootstrap的图片轮播示例代码(2)

.carousel(options): 初始化轮播组件，接受一个可选的 object 类型的 options 参数，并开始幻灯片循环。 $('.carousel').carousel({ interval: 2000 // in milliseconds }) .carousel('cycle'): 从左到右循环各帧。 $('.carousel').carousel('cycle'); .carousel('pause'): 停止轮播。 $('#myCarousel').hover(function () { $(this).carousel('pause') } .carousel(number): 将轮播定位到指定的帧上（帧下标以0开始，类似数组）。 $("#carousel_nav").click(function(){ var item = 4; $('#home_carousel').carousel(item); return false; });

.carousel('prev'): 将轮播转到上一帧。

.carousel('next'): 将轮播转到下一帧。

这里有两个事件用来增强轮播的功能。

slide: 当 slide 实例方法被调用之后，此事件被立即触发。

slid: 当所有幻灯片播放完之后，此事件被触发。

您可能感兴趣的文章: