Chrome 이미지 슬라이더 문제

Question

나는이 작업을하고 있습니다 page 그리고 Google 크롬에로드 할 때 슬라이더에서 이미지의 1/9 만 볼 수 있습니다. 처음로드 할 때 리프레시되거나 때로는 발생합니다. 다른 모든 브라우저에서 잘 나타납니다. 완전히로드하는 방법에 대한 제안. 기능은 다음과 같습니다.

<script type="text/javascript"> 
     $(function(){ 
      $('#slides').slides({ 
       preload: true, 
       preloadImage: 'img/loading.gif', 
       play: 5000, 
       pause: 4000, 
       hoverPause: true 
      }); 
     }); 
    </script> 

Answer 1

이 스크립트는 이미지 크기에 따라 컨테이너의 높이를 계산하기 위해 노력하고 때로는 실패 나에게 보인다

.slides_control{ 
    min-height:466px; 
} 

Answer 2

문제는 "slides_control"클래스의 div에 있으며 인라인 높이가 19px로 정의 된 것 같습니다. 이 높이 값을 동적으로 변경하는 경우 한 가지 해결책은 인라인 스타일에서 단순히이 높이 값을 제거하는 것입니다.

편집 : 실제로 제거되지 않는다면 원하는 높이로 설정해야합니다. 내가 그것을 제거했을 때, 어떤 이미지도 보이지 않았다. 가끔씩 오류가 발생하는 것처럼이 div의 높이를 동적으로 변경하는 방법에 문제가있을 수 있습니다.

편집 2 : 특히 제대로 렌더링되면 높이가 466 픽셀이어야합니다.

편집 3 : loading.gif가로드되지 않는 것으로 나타났습니다. 이것이 플러그인 초기화의 기본 원인 일 수 있습니다. 내가이 특정 플러그인을 실제로 사용한 적이 없기 때문에 그냥 생각했습니다.