Question

这是我想要实现的目标：我有3种不同的图像。每个类别的图像：类别1（5图像），类别2（3图像）和类别3（4图像）。

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

Answer 1

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

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

如何运作？

该插件公开了两个类：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 Carousel：根据按钮选择显示图像集

1 个答案: