Question

我在我的博客上使用了jQuery jCarousel，遇到了一个与使用自动幻灯片放映功能相关的问题并将内容包装在最后，所以它从图片1重新开始。

当滑块到达最后一张图像时，它会在那里停留指示它的秒数，然后将图像向左移动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);
        }
    });
});

希望你能帮助我。

感谢
- 梅斯蒂卡

Answer 1

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

在您的slider.css中将940更改为920。

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

}

jQuery / jCarousel：包装内容时最后一张幻灯片图片的问题

1 个答案: