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>