Carousel为最后一个元素添加了无用的margin-right

时间:2013-12-04 13:07:38

标签: javascript carousel caroufredsel

我遇到caroufredsel的问题,我不知道如何解决。

这是我用于旋转木马的代码:

$("#list" + _i).carouFredSel({
                width: '100%',
                align: 'left',
                items: {
                    visible: 5,
                    width: 'auto'
                },
                scroll : {
                    items: 1,
                    duration: 400,
                    fx: "scroll"
                },
                auto: false,
                next: "#right" + _i
            });

这是结果: result

正如你所看到的那样,有一个可怕的边距权限设置为打破整个事物的元素之一。我无法确定造成这种情况的原因= /

显然,当我删除边距时,它就像一个魅力:

charm

我认为此边距是在这里,否则我们会在旋转木马中看到部分图像。但我希望它是那样的。

Halp?

caroufredsel的版本:最新

2 个答案:

答案 0 :(得分:1)

我遇到了同样的问题。这对我来说是个问题。谢谢你指出了正确的方向。

我使用注释消除空格并保持代码清洁:

       <div class="bannerquisommesnous"><!--
            --><img src="banner-etienne1.jpg" /><!--
            --><img src="banner-mylene1.jpg" /><!--
            --><img src="banner-jen1.jpg" /><!--
            --><img src="banner-etienne2.jpg" /><!--
            --><img src="banner-mylene2.jpg" /><!--
            --><img src="banner-jen2.jpg" /><!--
            --><img src="banner-etienne3.jpg" /><!--
            --><img src="banner-jen6.jpg" /><!--
        --></div>

答案 1 :(得分:0)

所以我发现了问题。 lib根本不是问题。一些空节点与其他好节点一起插入DOM中,并且它们被视为具有与图像相同的宽度(然后是好节点)。

导致旋转木马的宽度过大,然后出现混乱的行为。

现在一切都很顺利:)。