Bootstrap 3 轮播：根据按钮选择显示图像集

Question

这就是我想要实现的目标：我有 3 类图像，编号不同。每个类别中的图片数量：类别 1（5 张图片）、类别 2（3 张图片）和类别 3（4 张图片）。

轮播中显示的图片应遵循以下顺序：如果按下按钮 1，它将激活并显示类别 1 的所有图像，如果按下按钮 2，则滑块显示类别 2 的 3 个图像和 4 个图像按下按钮 3 时属于类别 3。是否可以通过 Bootstrap 轮播，因为我不想为此寻找另一个滑块。

Answer 1

所以，这是我解决您问题的实现：

http://jsbin.com/qemiki/7/edit

如何运作？

该插件公开了 2 类：SlideByCategory 和 DynamicCarousel
DynamicCarousel，简而言之，从某些东西创建幻灯片像这样：

{
  'id': '#category_b',
  'slides': [{
    img: 'http://themes.themolitor.com/wpbm/files/2011/05/tumblr_mrraevBLsP1st5lhmo1_12801-280x170.jpg',
    title: 'Foo Category B',
    desc: 'My lorem Foo'
  }, {
    img: 'http://themes.themolitor.com/wpbm/files/2011/05/16Gz2hU-280x170.jpg'
  }, {
    img: 'http://themes.themolitor.com/wpbm/files/2011/05/1eRBRVa-280x170.jpg',
    title: 'Bar Category B',
    desc: 'My lorem Bar desc'
  }]
}

依赖于前一个的SlideByCategory接受一个类别数组，结构相似。

Bootstrap 3 轮播：根据按钮选择显示图像集

Bootstrap 3 Carousel: Displaying set of Images as per button choice

jquery

carousel

twitter-bootstrap