jQuery 회전식 슬라이드 쇼 모든 사진을 먼저 표시 한 다음 올바르게 작동합니다.

Question

현재 웹 사이트에서 jQuery 캐롤을 사용하고 있습니다. http://www.ambassadorsofnowhere.com. 그러나 첫 번째 페이지가로드되면 회전식 캐 러셀은 모든 사진을 보여 주며 잠시 후에 사라지고 잘 작동합니다. 누구든지 전에이 문제가 있었나요? 당신은 회전 목마

  <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>