【问题标题】:Bootstrap carousel content fadeBootstrap 轮播内容淡出
【发布时间】:2014-11-12 13:31:45
【问题描述】:

在 mcelroymotors.com 网站上工作。如果您查看主页上的轮播,第一张幻灯片上会弹出带有文本的标题。我希望在所有幻灯片上都出现这种情况,但它似乎没有出现在第一张幻灯片之后。

【问题讨论】:

  • 此类问题最好提供代码sn-p或jsfiddle
  • 只是觉得展示网站会更好,因为我发现很难在 sn-p 中包含所有必要的代码。让我知道这是否可以。
  • 意识到它与使用slide和slide有关。应该使用slide.bs.carousel 和slide.bs.carousel。无论如何,感谢您的输入,如果有人想给我关于发布的提示,欢迎他们。谢谢。

标签: javascript jquery html css twitter-bootstrap


【解决方案1】:

你有:

#myCarousel .carousel-caption > div {
  opacity: 0;
  filter: alpha(opacity=0);
}

将不透明度设置为 1,它应该可以工作。

【讨论】:

  • 感谢您的意见。我的意图是让每张幻灯片都带有标题,然后让文本在短时间内淡入。您的回答意味着文本永久存在。第一次发帖道歉,如果我的编码礼仪不好。
  • 监听'slide.bs.carousel'事件,通过JS切换类来设置不透明度。类似:$('#myCarousel').on('slide.bs.carousel', function(){$(this).find('.item.active .carousel-caption > div').css({opacity: 1})}); 示例代码未经测试,但你应该明白
  • 感谢光圈!当我发现另一篇文章提到需要 .bs.carousel 的事实时,我自己也得出了同样的结论。再次感谢。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-09-23
  • 2012-05-07
  • 2018-03-07
  • 1970-01-01
  • 2018-05-27
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多