Question

当我们在css中设置img width时，人像照片拉伸。当我们没有设置img宽度时，carouFredSel会在当前的旁边显示其他图像的部分。我们怎样才能只显示一张以固定宽度旋转木马为中心的（肖像）照片？

---- JS ------

$('#carousel').carouFredSel({
        width: '100%',

        items: {
            visible: 3,
            minimum: 1,
            start: 0,
            width: '100%',
            align:'center'
        },
        scroll: {
            items: 1,
            duration: 800,
            timeoutDuration: 3000
        },
        prev: '#prev',
        next: '#next',
        pagination: {
            container: '#pager',
            deviation: 0
        },
        auto: {
            pauseOnHover: true
        }
    });

------- CSS ------------

#carousel img {
display: block;
float: left;
/*width: 978px;*/
height: 652px;
background: white;
text-align: center;

}

Answer 1

希望我理解正确。以下内容应使图像居中，同时不调整包含元素的大小

    $("#carousel").carouFredSel({
    width: "auto",
    height: "variable"  
})

以下内容会将包含元素的大小调整为图像的宽度

    $("#carousel").carouFredSel({
    width: "variable",
    height: "variable"  
})

如何在carouFredSel中显示可变宽度的图像？

1 个答案: