Question

我正在使用此脚本http://jsfiddle.net/uktry43n/2/的确切克隆，但我遇到文字无法获取幻灯片的问题。如何将整个内容与图像一起滑动？

$('#myCarousel').carousel({
            interval: 5000
    });

$('#carousel-text').html($('#slide-content-0').html());

    // When the carousel slides, auto update the text
$('#myCarousel').on('slid.bs.carousel', function (e) {
            var id = $('.item.active').data('slide-number');
        $('#carousel-text').html($('#slide-content-'+id).html());
    });

Answer 1

您可以将文字附加到包含图片的幻灯片项目

例如，滑块项模板：

<div><!-- slide 1 -->
  <img src="">
  <p>text</p>
</div>

<div><!-- slide 2 -->
  <img src="">
  <p>text2</p>
</div>

请参阅小提琴http://jsfiddle.net/uktry43n/4/

Bootsrap Carousel文字没有滑动

1 个答案: