Jquery Carousel-尝试添加自定义滚动条

我试着在网上搜索并浏览了相关的“已回答”问题，但似乎没有什么东西适合我的问题，所以我希望有人知道答案

我有一个网站，我编码，我有旋转木马（carouFredsel）工作完美；但是，我想添加一个类似于这里使用的滚动条

我有制作滚动条的图片，但在Jquery方面我是个傻瓜。我确实找到了一些关于向contentdiv添加jquery滚动条的信息，但是他们要求div是绝对的，为了让我的carousel像它那样工作，它需要是相对的

我想做的事可能吗

我很感激能在这件事上得到的任何帮助

先谢谢你

另外，我尝试让代码在JSFIDLE中工作，但没有成功，所以我提供了一个指向沙箱的链接

以下是标题中的脚本：

       <script type="text/javascript" language="javascript">
        $(function() {

        $("#foo3").carouFredSel({
            items   : 2,
            auto: {
                duration: 750
                },
            scroll  : {
                items: 1,
                duration: 750,
            onAfter: function() {
  if ( $(this).triggerHandler( "currentPosition" ) == 0 ) {
    $(this).trigger( "pause" );
  }
}},
        }).parent().css("margin", "auto");
        });

    </script>

$（函数（）{
美元（“#foo3”）。卡鲁弗雷德塞尔({
项目：2，
自动：{
持续时间：750
},
滚动：{
项目：1，
持续时间：750，
onAfter:function（）{
if（$（this）.triggerHandler（“currentPosition”）==0）{
$（此）.trigger（“暂停”）；
}
}},
}).parent（）.css（“边距”、“自动”）；
});

这是转盘的html：

    <div class="list_carousel">
    <ul id="foo3">
<li style="width:486px"><img src="Images/SMP-3.jpg" alt="Testing description" /></li>
<li style="width:486px"><img src="Images/SMP-6.jpg" alt="Text_2" /></li>
<li style="width:238px"><img src="Images/SMP-4.jpg" alt="Text_6" /></li>
<li style="width:486px"><img src="Images/SMP-2.jpg" alt="Text_3" /></li>
<li style="width:238px"><img src="Images/SMP-5.jpg" alt="new description" /></li>  </ul>
<div class="clearfix"></div>
</div>

宽度：486px>
宽度：486px>
宽度：238px>
宽度：486px>

编辑：

---

我相信使用鼠标滚轮插件是可能的，它非常简单。然而，我最初的问题是（现在仍然是）如何使滚动条的图像显示出来，以便与鼠标滚轮滚动功能一起使用。图像由条形图的线条和沿条形图移动的导航圆组成。

为什么不阅读此图像库文档而不是搜索

---

与其对我的问题不屑一顾。。。如果你读过我的询问，你会注意到你发布的链接是针对滚动条的，我想用一个不同的旋转木马（CarouFredsel）。命令会有所不同，不是吗？您可以使用jquery ui滑块并对其进行自定义，提到的库中有一个滚动选项，这不适合您的图像库吗？我正在使用滚动选项，但正如我所提到的，我对jquery非常陌生，网站没有解释如何在滚动选项中添加滚动条。它仅提供按钮的配置。