Javascript 使用jQuery构造滑动图像

我想创建一个带有社交媒体图标的小滑块，div将包含4个社交媒体图标，两端的箭头允许滑动图标。 假设我们有七个图标，如下一个示例中所示，其中4个是可见的箭头，3个是隐藏的

    <div class="slider" style="width: 228px;">    
    <img src="http://goo.gl/UvyXCP" />
    <ul>
        <li><img src="http://goo.gl/cfUTR2" /></li>
        <li><img src="http://goo.gl/oRd14R" /></li>
        <li><img src="http://goo.gl/8vusDB" /></li>
        <li><img src="http://goo.gl/3Tgn6o" /></li>
        <li><img src="http://goo.gl/C81toB" /></li>
        <li><img src="http://goo.gl/BPSKS8" /></li>
    </ul>
    <img src="http://goo.gl/fV0g9d" />
    </div>

我需要图像自动滑动，如果需要，使用箭头从一个切换到另一个。 我试过一个例子，下面是一个例子，但似乎不起作用。我认为有一个更简单的方法

如果有人能帮我，我会很高兴的！

---

非常感谢

我为jQuery编写了一个滑动插件，您可能会喜欢它：）

关于自动滑动，您只需添加一个计时器事件。我的插件的好处在于，你可以完全为它编写自己的框架。它不会神奇地创建任何冗余框（呃！）：）

小提琴：

如果需要，可以将$（“#test”）.rSlide（{}）替换为$（“#test”）.rSlide（{trim:true}），它会将框修剪到正确的大小，尽管它可能会或可能不会给出您要查找的结果

此外，如果您使用我建议您使用www.greensock.com动画插件的插件，它会比使用jQuery内置的动画功能（如果您添加了greensock，我的脚本会自动检测，这不是一个先决条件）提供更平滑的tween

添加$（“#test”）.rSlide（{direction:“right”}）；对于任何元素，如按钮，都会使滑块向右滑动。记住先停止自动滑动：）

---

编辑：删除当前概述

对于任何访问此页面的人，请注意，除非链接最新版本的基本插件，否则小提琴将无法工作。这不是一个错误，只是我试图通过删除旧文件来整理我的服务器。脚本正常工作，链接库版本已被删除：）

$("#test").rSlide({})

var go = "right";
setInterval(function(){
    if($("#test").data("slideData").counter == $("#test").data("slideData").childrenLength-1)
    {
       go = "left";
    }
    if($("#test").data("slideData").counter == 0)
    {
        go = "right";
    }
    $("#test").rSlide({direction:go});
},1000);