2013-04-25 99 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

回答