2013-04-25 98 views
0

我通常讨厌问这些问题,但我已经没有时间了。jQuery可变宽度滑块

我更喜欢写自己的滑块和转盘等,但我的时间非常有限。

尝试了很多不同的卡罗素,似乎没有做我想要的。

我需要的是一个全尺寸的旋转木马,它有一个固定的高度。显示的项目应该是可变的,项目的宽度也是可变的,但滑块的宽度应始终用滑块项目填充,即使它们仅部分显示,也应为圆形。

我创建了一个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" 
    }); 
+0

你检查了这个吗? http://caroufredsel.dev7studios.com/examples/variable-visible-variable-size.php – 2013-04-25 09:03:51

+0

你好,蒂姆,是的,我有。问题是,该示例在可能的情况下不会显示幻灯片。这些物品以围绕它们的空白为中心。这正是我需要避免的,即使图像被剪切,滑块总是应该被填满。 – 2013-04-25 09:20:01

回答