2012-05-25 25 views
0

我在我的博客上使用jQuery jCarousel,并遇到了与使用自动幻灯片功能相关的问题,并在最后包装内容,所以它从图片1重新开始。jQuery/jCarousel:包装内容时出现上一张幻灯片图片

当滑块到达最后一张图像时,它在那里停留了我指示的秒数,然后将图像向左移动20个像素,因为重新启动图像1。我已经尝试了几乎所有的东西来找到这个错误,但似乎无法让我的头脑发现它。

我做了幻灯片的预览和在这里的错误:http://dl.dropbox.com/u/70953/slideshow.htm

你首先看到的图像已经改变后的误差和第二图像的变化(该网站后约5秒钟内加载)。

我正在使用jQuery版本1.7.2。

我的jCarousel选项看起来像这样

$(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); 
     } 
    }); 
}); 

希望你能帮助我。

感谢
- Mestika

回答

1

我依稀记得这样的问题。它与你的CSS的宽度有关。

在你slider.css变化为940〜920

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

}

+0

您好,感谢您的回答。我试图改变宽度,但是同样的事情仍然发生。 – Mestika

+0

不要弄乱CSS文件中的其他宽度。 – lorengphd

+0

嗨,我设法解决这个问题。这是#滑块持有人.jcarousel-clip类需要微调,但不是减少宽度,我不得不增加它的宽度是20px,因此宽度是960px ..谢谢你的回答,你让我在正确的方向! – Mestika

相关问题