2010-02-16 6 views
3

jCarouselLite div의 너비와 왼쪽 값을 설정하지 않습니다. 사업부는 가지고 있지만 또한, 불을 지르고에서 사업부와 UL은 회색으로 표시됩니다jCarouselLite div의 너비와 왼쪽 값을 설정하지 않음

visibility: visible; 

Incidently, 폭과 높이가 그 설정을 할 수 jCarouselLite 안 0으로 설정되어있는 UL 이후 리튬의에 속성?

이미지가 DOM에로드되고 있지만 표시되지는 않습니다.

답변

3

CSS 규칙에 포함 된 내용이 <div>에서 display:none으로 설정 되었기 때문입니다.

일단 제거하면 플러그인이 값을 올바르게 계산합니다.

1

하지만 처음에 페이지의 요소를 숨겨야 할 때 어떻게해야합니까?

다음 트릭을 사용하여 요소가있는 페이지를 시작하여 플러그인이 위치를 계산할 수 있지만 사용 된 화면이 보이지 않도록 사용했습니다.

<script type="text/javascript"> 
    $('#myElement').animate({left: '-=5000px'}, 0); 
</script> 

트릭은 jquery google maps 플러그인의 그리기 문제도 해결합니다.

아마도 제 문제는 적절한 시간이나 적절한 장소에서 제 코드를 호출하지 않는다는 것입니다. 어쨌든 좋은 오래된 트릭 덕분에 마침내 효과가있었습니다.

1

처음에는 컨테이너 요소를 "display : none"으로 설정하고 jQuery의 slideToggle 함수를 사용하여 숨겨진 요소를 표시했습니다. slideToggle 함수 호출에서 jCarouselLite 호출을 넣었습니다. 부울 플래그가 컨테이너가 다시 숨겨지고 다시 같이있어 다시 한 번로드에서 jCarouselLite을 차단하는 데 사용됩니다

$("#Gallery").slideToggle("slow", function() { 
    if (!carouselLoaded) { 
     $(".carousel").jCarouselLite({ 
      btnNext: ".next", 
      btnPrev: ".prev", 
      circular: true, 
      visible: 1 
     }); 
     carouselLoaded = true; 
    } 
}); 

: 내가 전화하고 확인 작업 방법입니다. jquery.jcarousellite.js에서

1


div.css(sizeCss, divSize+"px");
div.css(sizeCss, "100%");에 또는 하드 세트에 원하는 픽셀을 수정 파일.
게다가, 당신은 당신이 설정에 의해 visible: 5
예 표시 할 수 항목을 설정할 수 있습니다

 <script type="text/javascript"> 
      $(function() { 
       $(".auto .carousel").jCarouselLite({ 
        auto: 1000, 
        speed: 4000, 
        visible: 5 

       }); 
      }); 
     </script> 
관련 문제