【问题标题】:jQuery Variable width sliderjQuery 可变宽度滑块
【发布时间】:2013-04-25 08:39:56
【问题描述】:

我通常讨厌问这类问题,但我没时间了。

我更喜欢自己编写滑块和旋转木马等,但是我的时间非常有限。

尝试了许多不同的旋转木马,似乎没有一个能满足我的要求。

我需要的是一个全宽且具有固定高度的轮播。显示的项目应该是可变的,项目的宽度也是可变的,但是滑块的宽度应该总是被滑块项目填充,即使它们只是部分显示并且也应该是圆形的。

我创建了一个 JSfiddle:http://jsfiddle.net/BFS3q/,它可以更好地解释我的问题,我使用了 caroufredsel 插件,它几乎可以满足我的需要,但并不总是部分显示项目。

也许如果有人知道如何用 caroufredsel 做到这一点,这是我使用的:

$("#slider").carouFredSel({
        width: "100%",
        align:"left",
        height: 150,
        direction :"left",
        items: {
            minimum: 1,
            start: 8,
            width: "variable",
            height: 150,
            visible: "variable"
        },
        scroll: {
            items: 1,
            easing: "linear"
        },
        auto: true,
        next: "#next",
        prev: "#prev"
    });

【问题讨论】:

  • 嗨蒂姆,是的,我有。问题是该示例在可能的情况下不会部分显示幻灯片。这些项目以它们周围的空白为中心。这正是我需要避免的,滑块总是应该被填充,即使图像被剪切。

标签: jquery slider carousel


【解决方案1】:

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-04-14
    • 1970-01-01
    • 2012-06-14
    • 2018-04-24
    • 1970-01-01
    • 1970-01-01
    • 2013-12-07
    • 1970-01-01
    相关资源
    最近更新 更多