jQuery Carousel首先顯示所有圖片，然後正常工作

Question

我目前在我的網站http://www.ambassadorsofnowhere.com上使用jQuery carouses。但是，當第一頁加載時，輪播首先顯示所有圖片，一秒鐘後消失，然後工作正常。有沒有人有過這個問題？下面你可以看到在轉盤

  <div id="slider"> 
      <ul id="mycarousel" class="jcarousel-skin-carousel"> 
       <li><img src="<?php echo base_url(); ?>img/1.jpg" width="800" height="300" alt="" /></li> 
       <li><img src="<?php echo base_url(); ?>img/2.jpg" width="800" height="300" alt="" /></li> 
       <li><img src="<?php echo base_url(); ?>img/3.jpg" width="800" height="300" alt="" /></li> 
      </ul> 
     </div> 

Answer 1

好圖像列表，這個CSS的解決方案將這樣的伎倆：

div.slider { 
    max-width: 300px; 
    overflow: hidden; 
} 

嘗試，並最終使其適應您的需求，這僅僅是向你展示原理。

Answer 2

您可以設置顯示：沒有列表項，除了第一個項目，然後調用之前的jQuery旋轉木馬項目的設置顯示阻止

<div id="slider"> 
     <ul id="mycarousel" class="jcarousel-skin-carousel"> 
      <li><img src="<?php echo base_url(); ?>img/1.jpg" width="800" height="300" alt="" /></li> 
      <li style="display:none"><img src="<?php echo base_url(); ?>img/2.jpg" width="800" height="300" alt="" /></li> 
      <li style="display:none"><img src="<?php echo base_url(); ?>img/3.jpg" width="800" height="300" alt="" /></li> 
     </ul> 
    </div> 
<script> 
jQuery("#slider ul li").css("display:block"); 
\\ carousel call 
</script>