2012-05-25 4 views
0

블로그 블로그에서 jQuery jCarousel을 사용하고 자동 슬라이드 쇼 기능을 사용하고 끝에 내용을 래핑하는 것과 관련된 문제가 발생했습니다. , 따라서 그림 1에서 다시 시작됩니다.jQuery/jCarousel : 내용을 감쌀 때 마지막 슬라이드 이미지 문제

슬라이더가 마지막 이미지에 도달하면 지시 한 시간 (초) 동안 정지 한 다음 이미지 1로 다시 시작하기 때문에 이미지를 왼쪽으로 20 픽셀 이동합니다. 나는 오류를 찾기 위해 거의 모든 것을 시도했지만 그저 내 머리를 감당할 수없는 것 같습니다. http://dl.dropbox.com/u/70953/slideshow.htm

당신은 첫 번째 이미지가 변경된 후 오류와 두 번째 이미지 변화 (약 5 초 사이트 후에로드)이 표시됩니다

나는 슬라이드 쇼의 미리보기 여기 오류를했습니다.

jQuery 버전 1.7.2를 사용하고 있습니다. 이

$(document).ready(function() { 
    $("#slider-holder").jcarousel({ 
     scroll: 1, 
     auto: 3, 
     wrap: 'last', 
     initCallback: _init_slider, 
     itemFirstInCallback: _set_slide, 
     buttonNextHTML: null, 
     buttonPrevHTML: null 
    }); 

    $('.field').each(function() { 
     check_fields(this); 
    }); 

    $('.field').focus(function() { 
     if(this.title==this.value) { 
      this.value = ''; 
      check_fields(this); 
     } 
    }).blur(function(){ 
     if(this.value=='') { 
      this.value = this.title; 
      check_fields(this); 
     } 
    }); 
}); 

당신이 나를 도울 수 있기를 바랍니다처럼

내 jCarousel 옵션이 보인다.

감사
- Mestika

답변

1

나는 막연하게 이런 문제를 기억한다. 그것은 당신의 CSS에 너비와 관련이 있습니다. 당신의 slider.css 변화에

(940)}

#slider-holder .jcarousel-clip { 
    height: 420px; 
    overflow: hidden; 
    position: relative; 
    width: 940px; 

(920)에

+0

안녕, 답변 주셔서 감사합니다. 나는 너가 말한대로 폭을 바꾸는 것을 시도했다 그러나 동일한 것은 아직도 일어난다. – Mestika

+0

CSS 파일의 다른 너비 중 일부를 계속 사용하십시오. – lorengphd

+0

안녕하세요, 저는 문제를 해결할 수있었습니다. finetuning이 필요한 슬라이더 홀더 .jcarousel-clip 클래스 였지만 너비를 줄이는 대신 20px로 늘려야 만 너비가 960px가되었습니다. 답변을 주셔서 감사합니다. 올바른 방향으로 나를 보냈습니다. ! – Mestika