首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >引导3旋转木马:按按钮选择显示一组图像

引导3旋转木马:按按钮选择显示一组图像
EN

Stack Overflow用户
提问于 2015-06-10 17:25:33
回答 1查看 195关注 0票数 0

这就是我想要达到的目标:我有3类不同的图像。每个类别中的图像:类别1 (5图像)、类别2 (3图像)和类别3 (4图像)。

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-06-10 20:27:51

因此,下面是解决您的问题的实现:

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

它是如何工作的?

  • 这个插件公开了两个类: SlideByCategory和DynamicCarousel
  • 简而言之,DynamicCarousel从以下内容创建幻灯片:
代码语言:javascript
运行
复制
{
  '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接受一个具有类似结构的类别数组。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30763262

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档