2016-09-14 52 views

回答

0

这是你的旋转木马一个项目

<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网站上有此传送带,但这不是“Wordpress问题”。这比这更普遍。

哦,比萨电视是个好主意! :D

+0

谢谢!我有9块面板。我想一次显示6个,同时旋转一个,就像{123456} {234567} {345678} {456789} {567891}等等,我希望这会有所帮助。 –

+0

我在检查员中清除了额外的项目内容,闪烁似乎停止了。 –

+0

我认为你应该寻找另一个旋转木马 - 获得Bootstrap旋转木马做你想做的事情是很多工作 - 实际上你必须重写一些基本功能才能获得它。其他的轮播更适合(jCarousel或FlexSlider2,仅举两个例子) - 或者为这种情况编写自己的JS轮播。这是一个类似的问题:http://stackoverflow.com/questions/20007610/bootstrap-3-carousel-multiple-frames-at-once –