Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导转盘图像转换幻灯片不工作_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 引导转盘图像转换幻灯片不工作

Html 引导转盘图像转换幻灯片不工作,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有一个问题,引导转盘组件,其中的形象是不是在过渡滑动 基本上,图像看起来只是被替换了,而不是像从引导站点上看到的那样滑动 我面临的另一个问题是,当从一个图像切换到另一个图像时,图像似乎覆盖在左右V形图标控件的顶部 我找了这么多,发现了类似的东西: 但提供的解决方案似乎不适用于我,因为我使用的是小型版本的Bootstrap JS,它已经嵌入了转换功能 以前有人遇到过类似的问题吗 由于Leon要求提供一些代码,我实际上正在阅读Bootstrap网站上发布的代码。问题在于,图像在过渡过程中没有滑动,

我有一个问题,引导转盘组件,其中的形象是不是在过渡滑动

基本上,图像看起来只是被替换了,而不是像从引导站点上看到的那样滑动

我面临的另一个问题是,当从一个图像切换到另一个图像时,图像似乎覆盖在左右V形图标控件的顶部

我找了这么多,发现了类似的东西:

但提供的解决方案似乎不适用于我,因为我使用的是小型版本的Bootstrap JS,它已经嵌入了转换功能

以前有人遇到过类似的问题吗

由于Leon要求提供一些代码,我实际上正在阅读Bootstrap网站上发布的代码。问题在于,图像在过渡过程中没有滑动,而只是变得不可见/可见。在幻灯片可见的一段时间后,V形控件似乎在图像后面一瞬间,然后在图像上方

<!-- Carousel [START] -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">

    <!-- <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol> -->

    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="assets/img/slider-images/header-images-01.jpg" alt="Slide 1" class="img-responsive">
        </div>

        <div class="item">
            <img src="assets/img/slider-images/header-images-02.jpg" alt="Slide 2" class="img-responsive">
        </div>

        <div class="item">
            <img src="assets/img/slider-images/header-images-03.jpg" alt="Slide 3" class="img-responsive">
        </div>
    </div>

    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left glyphcolor" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>

    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right glyphcolor" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!-- Carousel [END] -->

更新:当我点击V形图标切换到下一张幻灯片时,它也会被覆盖。

如果您有position:absolute/relative,请查看div.item的css。
在其他情况下,请尝试仅在您的转盘上创建新文档,检查它是否单独工作,如果是这样,您的问题一定来自代码的早期部分。。。有时console无法向您显示错误,因此您必须自己进行跟踪

您可以发布一些代码吗?另外,您实际使用的是什么版本的引导程序?@Muroh-version 3.2.0I无法使用您的代码重现错误,请参阅jsfiddle,我为一些虚拟图片替换了图片URL。使用Bootstrap3.2.0和jQuery版本2.1.0,一切似乎都运行顺利。我也只包括了两张幻灯片,但这不应该是个问题。问题一定来自代码前面的另一个地方,并且使旋转木马显示得很奇怪。浏览器的开发人员控制台中是否显示任何错误?