0

我曾尝试在线搜索并在这里浏览了相关的“已回答”问题，但似乎没有什么适合我的问题，所以我希望有人知道这个问题的答案。

我有一个我正在编码的网站http://2938.sandbox.i3dthemes.net/index.html并且我的旋转木马（carouFredsel）工作完美；但是，我想添加一个类似于此处使用的滚动条http://finnrudolph.de/ImageFlow。

我有制作滚动条的图像，但对于 Jquery，我是个菜鸟。我确实找到了一些将 jquery 滚动条添加到内容 div 的信息，但他们要求 div 是绝对的，并且为了让我的轮播以它的方式工作，它需要是相对的。

我想做的事可能吗？

我很感激我能得到的任何帮助。

先感谢您。

PS 我尝试让代码在 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>

编辑：

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

4

1 回答 1

0

why you don't read this image gallery documentation, instead of searching?

http://finnrudolph.de/ImageFlow/Documentation

于 2012-04-12T16:53:31.060 回答