Javascript jquery中的简单分段滑块

我找到了很多滑块和示例，但没有一个适合我的需要

有人能帮我用jquery和html编写一个简单的滑块吗？ 单击箭头时，下一张/上一张图片将滑入/滑出

提前感谢,， 马克

---

好的，如果有人感兴趣的话，这就是我得到的。也许有人可以改进它：

$(function() {
var container = $('#slides');
var numImages = 3;
var url = '/image/slide';
for (i = 1; i < numImages + 1; i++) {
    container.append('<img src=' + url + +i + '.png class="sliderImage">');
}
var slides = $('#slides > img');

$(slides[0]).addClass("first");
$(slides[1]).addClass("second");
$(slides[2]).addClass("third");

$("#arrowR").click(function() {
    var el1=$( ".first" );
    var el2=$( ".second" );
    var el3=$( ".third" );
    el3.toggleClass("third first");
    el2.toggleClass("second third");
    el1.toggleClass("first second");


});
$("#arrowL").click(function() {
    var el1=$( ".first" );
    var el2=$( ".second" );
    var el3=$( ".third" );

    el1.toggleClass("first third");
    el2.toggleClass("second first");
    el3.toggleClass("third second");
});
}
);

CSS类first、second和third定义了图像的位置。这意味着它只适用于3张图片！这不是个好办法