我的Bootstrap Carousel在移动时会闪烁

时间:2016-09-14 22:02:16

标签: carousel

http://www.pizzatv.com/shows/

它闪烁着。我无法弄清楚为什么。请你好,谢谢。

编辑:我所拥有的是9个面板。我希望一次显示6个,同时一次旋转一个{123456} {234567} {345678} {456789} {567891}等等。我希望有所帮助。

1 个答案:

答案 0 :(得分:0)

您的轮播中 ONE ITEM

<div class="item">
    <div class="col-md-2 col-sm-4 col-xs-12">
        <a href="http://www.pizzatv.com/shows/pizza-stories/">
            <img src="http://www.pizzatv.com/wp-content/uploads/2016/08/pizza-stories2.png" onmouseover="this.src='http://www.pizzatv.com/wp-content/uploads/2016/08/Stories_hvr.png';" onmouseout="this.src='http://www.pizzatv.com/wp-content/uploads/2016/08/pizza-stories2.png';" class="img-responsive">
        </a>
        <img src="http://www.pizzatv.com/wp-content/uploads/2016/08/Stories_hvr.png" style="display:none;">
    </div>
    <div class="col-md-2 col-sm-4 col-xs-12">
        <a href="http://www.pizzatv.com/shows/pizza-kitchen/">
            <img src="http://www.pizzatv.com/wp-content/uploads/2016/08/the-pizza-kitchen.png" onmouseover="this.src='http://www.pizzatv.com/wp-content/uploads/2016/08/Kitchen_hvr.png';" onmouseout="this.src='http://www.pizzatv.com/wp-content/uploads/2016/08/the-pizza-kitchen.png';" class="img-responsive">
        </a>
        <img src="http://www.pizzatv.com/wp-content/uploads/2016/08/Kitchen_hvr.png" style="display:none;">
    </div>
    <div class="col-md-2 col-sm-4 col-xs-12">
        <a href="http://www.pizzatv.com/shows/us-pizza-team/">
            <img src="http://www.pizzatv.com/wp-content/uploads/2016/09/USPT.png" onmouseover="this.src='http://www.pizzatv.com/wp-content/uploads/2016/09/USPT_hvr.png';" onmouseout="this.src='http://www.pizzatv.com/wp-content/uploads/2016/09/USPT.png';" class="img-responsive">
        </a>
        <img src="http://www.pizzatv.com/wp-content/uploads/2016/09/USPT_hvr.png" style="display:none;">
    </div>
    <div class="col-md-2 col-sm-4 col-xs-12">
        <a href="http://www.pizzatv.com/shows/go-for-the-dough/">
            <img src="http://www.pizzatv.com/wp-content/uploads/2016/08/go-for-the-dough.png" onmouseover="this.src='http://www.pizzatv.com/wp-content/uploads/2016/08/Dough_hvr.png';" onmouseout="this.src='http://www.pizzatv.com/wp-content/uploads/2016/08/go-for-the-dough.png';" class="img-responsive">
        </a>
        <img src="http://www.pizzatv.com/wp-content/uploads/2016/08/Dough_hvr.png" style="display:none;">
    </div>
    <div class="col-md-2 col-sm-4 col-xs-12">
        <a href="http://www.pizzatv.com/shows/pizza-hall-of-fame/">
            <img src="http://www.pizzatv.com/wp-content/uploads/2016/08/hall-of-fame.png" onmouseover="this.src='http://www.pizzatv.com/wp-content/uploads/2016/08/HallOfFame_hvr.png';" onmouseout="this.src='http://www.pizzatv.com/wp-content/uploads/2016/08/hall-of-fame.png';" class="img-responsive">
        </a>
        <img src="http://www.pizzatv.com/wp-content/uploads/2016/08/HallOfFame_hvr.png" style="display:none;">
    </div>
    <div class="col-md-2 col-sm-4 col-xs-12">
        <a href="http://www.pizzatv.com/shows/pizzatv-picks/">
            <img src="http://www.pizzatv.com/wp-content/uploads/2016/08/2pizzatv-picks-684x1024.png" onmouseover="this.src='http://www.pizzatv.com/wp-content/uploads/2016/08/Picks_hvr.png';" onmouseout="this.src='http://www.pizzatv.com/wp-content/uploads/2016/08/2pizzatv-picks-684x1024.png';" class="img-responsive">
        </a>
        <img src="http://www.pizzatv.com/wp-content/uploads/2016/08/Picks_hvr.png" style="display:none;">
    </div>
</div>

您似乎已将所有内容视为每个旋转木马项目下的单独项目。尝试清除旋转木马项目,看看它是否会闪烁。

但请注意:虽然你可能在Wordpress网站上有这个旋转木马,但这不是一个&#34; Wordpress问题&#34;。这比这更普遍。

哦,披萨电视是个好主意! :d