我尝试在线搜索并在这里浏览相关的“已回答”问题，但似乎没有什么比我的问题更合适所以我希望有人知道答案。
我有一个我正在编码的网站http://2938.sandbox.i3dthemes.net/index.html，我的旋转木马（carouFredsel）工作得很完美;但是，我想添加一个类似于此处使用的滚动条http://finnrudolph.de/ImageFlow。
我有制作滚动条的图像，但对于Jquery来说，它是一个菜鸟。我确实找到了一些向内容div添加jquery滚动条的信息，但是他们要求div是绝对的，为了让我的轮播按照它的方式工作，它需要是相对的。
我想做的是什么？
我感谢任何帮助。
提前谢谢。
P.S。我试着让代码在JSfiddle中工作但是不成功，所以我提供了一个指向沙箱的链接。
以下是标题内的脚本：
<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>
这是旋转木马的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>
编辑：
我相信使用鼠标滚轮插件是可行的，这很简单。但是，我的原始问题是（现在仍然是）如何使滚动条的图像显示出与鼠标滚轮功能一起使用。图像由条形线和沿着条形移动的导航圆组成。