如果在这里任何地方都有这个问题，请道歉。 我尝试搜索，但只找到与轮播代码中的样式和定位标题相关的主题…
所以，我有一个包含三列的布局：
我无法弄清楚如何让标题在右列中运行。 为了澄清，字幕将随每个轮播幻灯片而改变，就像它们在默认轮播设置中一样。 我基本上想要从图像移动标题，并进入右列。
我使用Kirby（www.getkirby.com）作为我的CMS，我使用foreach循环来获取旋转木马中的图像等代码。 这是我当前的代码，包括标题部分（我试图移动……）
THIS IS WHERE I AM TRYING TO PUT THE CAROUSEL CAPTIONS…
我已经尽了最大努力，但我完全没有想法。 我想也许我可以做一些像使标题变量的东西：
img_title() ?>
但这在旋转木马区域以外不起作用。 我猜它是不会在foreach循环之外工作的？
无论如何，如果有人有任何建议我会非常感激。 我正在学习PHP，但我不知道任何javascript，所以我希望有一个解决方案。 而且，我正在使用Bootstrap 3。
这是我制作的小提琴的链接（没有所有的PHP东西……）：
http://jsfiddle.net/4tMfJ/2/
基于Twitter Bootstrap Carousel – 访问当前索引
您可以将以下代码添加到您的javascript中（加载jquery / bootstrap之后）
$(function() { $('.carousel').carousel(); var caption = $('div.item:nth-child(1) .carousel-caption'); $('#right h1').html(caption.html()); caption.css('display','none'); $(".carousel").on('slide.bs.carousel', function(evt) { var caption = $('div.item:nth-child(' + ($(evt.relatedTarget).index()+1) + ') .carousel-caption'); $('#right h1').html(caption.html()); caption.css('display','none'); }); });
另见： http ： //jsfiddle.net/4tMfJ/3/
感谢Bass的回答对我有用！ 但我不想复制内容，所以我按照我的方式做了;）
$("#slider").on('slide.bs.carousel', function(evt) { var step = $(evt.relatedTarget).index(); $('#slider_captions .carousel-caption:not(#caption-'+step+')').fadeOut('fast', function() { $('#caption-'+step).fadeIn(); }); });