2016-09-14 54 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 –